:root{--primary-color: #475569;--secondary-color: #64748b;--accent-color: #6b7280;--success-color: #6b7280;--text-primary: #334155;--text-secondary: #94a3b8;--background: var(--color-bg-primary);--surface: var(--color-bg-secondary);--border: #edf2f7;--shadow: rgba(71, 85, 105, .08);font-family:Raleway,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;height:100vh;overflow:hidden;background:var(--color-bg-primary);font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:400;margin:0}h1{font-size:1.5rem;font-weight:500;letter-spacing:0}p{margin:0;color:var(--color-text-primary)}input{font-family:inherit;font-size:1rem;border:1px solid var(--border);border-radius:6px;outline:none;transition:all .2s ease}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important}input:-moz-autofill,input:-moz-autofill:hover,input:-moz-autofill:focus{background-color:var(--color-bg-primary)!important;box-shadow:0 0 0 30px var(--color-bg-primary) inset!important;color:var(--color-text-primary)!important}body.hide-cursor,body.hide-cursor *{cursor:none!important}.clipboard-copy-fallback{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:1280px){body{overflow:auto;height:auto}}.spinner-overlay{position:fixed;inset:80px 0 50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);z-index:1}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner-spinner{width:64px;height:64px;border-radius:50%;border:7px solid rgba(107,114,128,.3);border-top-color:#6b7280;animation:spin .8s linear infinite}.spinner-text{color:#6b7280;font-size:18px;font-weight:500;letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.spinner-spinner{width:38px;height:38px;border-width:4px}.spinner-text{font-size:11px}.spinner-container{gap:12px}}.scroll-to-top-button{position:fixed;bottom:7px;left:1.5rem;width:40px;height:40px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10000}.scroll-to-top-button:hover{border-color:var(--color-text-primary)}[data-theme=dark] .scroll-to-top-button{background:var(--color-bg-secondary)}@media(max-width:1280px){.scroll-to-top-button{display:none}}.nav-button{position:fixed;right:1.5rem;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);transition:all .2s;z-index:10000}.nav-button:hover:not(:disabled){border-color:var(--color-text-primary)}.nav-button:disabled{opacity:.3!important;cursor:not-allowed!important;pointer-events:none!important}.nav-button-exit{top:13px}.nav-button-myspace{top:73px}.nav-button-mycontent{top:126px}.nav-button-create{top:179px;z-index:10001}.nav-button-community{top:232px}.nav-button-discover{top:285px}.nav-button-meet{top:338px}@media(max-width:1280px){.nav-button{display:none}}.inbox-button{position:fixed;right:1.5rem;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10002}.inbox-button:hover:not(:disabled){border-color:var(--color-text-primary)}.inbox-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}[data-theme=dark] .inbox-button{background:var(--color-bg-secondary)}.inbox-button--navigation{top:391px}.inbox-button--home{top:384px}.inbox-button--header-mobile{position:relative;top:auto;right:auto;width:32px;height:32px;display:none}@media(max-width:1280px){.inbox-button--header-mobile{display:flex}}.inbox-button-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#2a5faa;color:#fff;border:2px solid var(--color-bg-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;line-height:1}@media(max-width:1280px){.inbox-button:not(.inbox-button--header-mobile){display:none}}.tutorial-container{padding:100px 20px 60px;max-width:1400px;margin:0 auto;text-align:center;min-height:100vh}.tutorial-title{font-size:2.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.tutorial-subtitle{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem;font-weight:400}.tutorial-secondary-title{font-size:1.5rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.75rem;margin-top:1rem}.tutorial-meditation-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.tutorial-methods-text{font-size:1.1rem;color:var(--color-text-secondary);margin-top:2rem;font-weight:500}.tutorial-steps{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;align-items:stretch}.tutorial-community{margin-top:2.5rem}.tutorial-people{margin-top:2.25rem}.tutorial-community-steps{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center;align-items:stretch}.tutorial-community-step{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:1rem;flex:1;max-width:240px;display:flex;flex-direction:column}.tutorial-step{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:12px;padding:.75rem 1rem;transition:all .3s ease;flex:1;max-width:180px;display:flex;flex-direction:column}@keyframes tutorialEditPulse{0%,to{background-color:var(--color-bg-primary)}50%{background-color:#64b5f6}}.tutorial-step-pulse{animation:tutorialEditPulse 5s ease-in-out 4}.tutorial-step-clickable:hover{border-color:var(--color-primary)}.tutorial-step-clickable{cursor:pointer}.tutorial-step.disabled{opacity:1}.tutorial-step-icon{width:50px;height:50px;margin:.75rem auto .5rem;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.tutorial-step-icon-neutral{background:#475569}.tutorial-step-icon-primary{background:#3b82f6}.tutorial-step-icon-warm{background:#f59e0b}.tutorial-step-icon-community{background:#10b981}.tutorial-step-icon-people{background:#2a5faa}.tutorial-step-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.tutorial-step-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;margin:0;flex-grow:1}@media(max-width:1280px){.tutorial-container{padding:70px 16px 60px;min-height:auto}.tutorial-title{font-size:clamp(1.3rem,5vw,2.5rem)}.tutorial-subtitle{font-size:clamp(.85rem,3vw,1.1rem)}.tutorial-secondary-title{font-size:clamp(1rem,4vw,1.5rem)}.tutorial-meditation-text{font-size:clamp(.85rem,3vw,1rem)}.tutorial-steps{flex-wrap:wrap}.tutorial-step{max-width:100%;flex:1 1 calc(50% - .5rem)}.tutorial-community,.tutorial-people{margin-top:2rem}.tutorial-community-steps{flex-wrap:wrap}.tutorial-community-step{max-width:100%;flex:1 1 calc(50% - .5rem)}}.home-layout{padding:80px 20px 50px;min-height:100vh;display:flex;flex-direction:column;gap:0}.home-fixed-buttons{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:102;background:var(--color-bg-primary);padding:8px;border-radius:8px}.home-fixed-buttons>button:nth-child(1){margin-bottom:20px}.home-fixed-buttons>button:nth-child(3){margin-bottom:20px}.home-fixed-buttons>button:last-child{margin-top:20px}.home-action-button{background:#fff;border:2px solid var(--color-border);border-radius:50%;padding:10px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px;font-size:14px;font-weight:500}[data-theme=dark] .home-action-button{background:var(--color-bg-secondary)}.home-action-button:hover{border-color:var(--color-text-primary)}.home-action-button:disabled{opacity:.25;cursor:not-allowed;border-color:transparent}.home-save-wrapper{--home-save-button-size: 40px;position:relative;width:var(--home-save-button-size);height:var(--home-save-button-size)}.home-save-wrapper>.home-action-button{position:absolute;top:0;left:0}.home-save-buttons-row{position:absolute;top:0;left:0;display:flex;gap:3px}.home-action-button.is-hidden{visibility:hidden}.home-action-button.is-unavailable{opacity:.5}.home-carousel-counter{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.home-notes-view{position:relative;width:100%;height:100%}.home-notes-container{max-width:900px;margin:0 auto;padding:20px}.home-notes-buttons-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;position:relative}.home-notes-btn-control{background:#fff;border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);transition:all .2s}[data-theme=dark] .home-notes-btn-control{background:var(--color-bg-secondary)}.home-notes-btn-control:hover{border-color:var(--color-text-primary)}.home-notes-total{background:#fff;border:2px solid var(--color-border);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--color-text-primary)}[data-theme=dark] .home-notes-total{background:var(--color-bg-secondary)}.home-close-notes{position:fixed;top:20px;right:20px;background:#fff;border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);transition:all .2s;z-index:103}[data-theme=dark] .home-close-notes{background:var(--color-bg-secondary)}.home-close-notes:hover{border-color:var(--color-text-primary)}.home-content-area{flex:1;width:100%;box-sizing:border-box}.home-lesson-container{max-width:900px;margin:0 auto}.home-lesson-title{font-size:2rem;font-weight:300;color:var(--color-text-primary);margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;line-height:1.2}.home-community-pill{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;background:#3b82f61f;color:#2a5faa;font-size:.8rem;font-weight:600;letter-spacing:.02em}[data-theme=dark] .home-community-pill{background:#60a5fa2e;color:#93c5fd}.home-lesson-author{font-size:1.5rem;font-weight:300;line-height:1.2}.home-lesson-body{font-size:1.125rem;line-height:1.8;font-weight:400;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.home-lesson-title{font-size:1.65rem;font-weight:300;color:var(--color-text-primary);margin:0;line-height:1.2}.home-lesson-author{font-size:1.1rem;color:var(--color-text-secondary);font-style:normal;margin:0}.home-lesson-body{font-size:1.125rem;line-height:1.8;font-weight:400;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;margin-top:.8rem}.home-carousel-container{position:fixed;bottom:50px;left:0;right:0;width:100%;padding:.5rem 0;height:110px;z-index:99}.home-carousel-toggle{position:fixed;bottom:185px;left:0;background:#fff;border:2px solid var(--color-border);border-left:none;border-radius:4px;padding:8px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100;width:28px;height:32px;box-sizing:border-box}[data-theme=dark] .home-carousel-toggle{background:var(--color-bg-secondary)}.home-carousel-toggle:hover{border-color:var(--color-text-primary)}.home-carousel-show-button{position:fixed;bottom:185px;left:0;background:#fff;border:2px solid var(--color-border);border-left:none;border-radius:4px;padding:8px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100;width:28px;height:32px;box-sizing:border-box}[data-theme=dark] .home-carousel-show-button{background:var(--color-bg-secondary)}.home-carousel-show-button:hover{border-color:var(--color-text-primary)}.home-carousel{display:flex;gap:.6rem;overflow-x:hidden;overflow-y:hidden;height:100%;scrollbar-width:none;-ms-overflow-style:none;align-items:center;position:relative}.home-carousel-track{display:flex;gap:.2rem;animation:scroll-carousel 80s linear infinite}@keyframes scroll-carousel{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.home-carousel::-webkit-scrollbar{display:none}.home-carousel-card{background:#fff;border:2px solid var(--color-border);border-radius:16px;padding:.4rem;cursor:pointer;transition:border-color .3s ease;width:85px;height:85px;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}[data-theme=dark] .home-carousel-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.home-carousel-card:hover,.home-carousel-card.active,[data-theme=dark] .home-carousel-card.active{border-color:var(--color-text-primary)}.home-carousel-badges{display:flex;gap:3px}.home-carousel-badge{color:#fff;font-size:8px;font-weight:500;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home-carousel-badge.badge-lesson{background:#475569}.home-carousel-badge.badge-note{background:#3b82f6}.home-carousel-badge.badge-flashcard{background:#f59e0b}.home-carousel-name{font-size:.65rem;font-weight:300;line-height:1.4;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}body.reading-mode{background:#000!important}body.reading-mode .header,body.reading-mode .home-carousel-container,body.reading-mode .home-section-header,body.reading-mode .home-notes-controls,body.reading-mode .home-fixed-buttons,body.reading-mode .home-close-notes{display:none!important}body.reading-mode .home-layout{top:0!important;bottom:0!important}body.reading-mode .home-section{background:#000!important}body.reading-mode .articlecard-public-card{background:#000!important;border:none!important}body.reading-mode .articlecard-public-content p{color:#fff!important}body.reading-mode .articlecard-public-btn,body.reading-mode .articlecard-public-index,body.reading-mode .articlecard-public-total{color:#fff!important;border-color:#fff!important}@media(max-width:1280px){.home-layout{padding-right:0;padding-top:55px}.home-content-area{padding-left:20px;padding-right:20px}.home-fixed-buttons{position:fixed;top:56px;left:0;width:100%;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;align-items:center;gap:6px;padding:8px .5rem 14px 20px;background:var(--color-bg-primary);z-index:9;box-sizing:border-box}.home-lesson-title{font-size:clamp(1.3rem,4vw,1.65rem)}.home-lesson-author{font-size:clamp(.95rem,3vw,1.1rem)}.home-lesson-body{font-size:1.125rem;line-height:1.7;padding-bottom:60px}.home-action-button{width:32px;height:32px;padding:6px;margin:0!important}.home-save-wrapper{--home-save-button-size: 32px;margin-top:0!important;margin-right:20px!important}.home-fixed-buttons>button:last-child{margin-top:0!important}.home-fixed-buttons>button:nth-child(1){margin-right:15px!important}.home-fixed-buttons>button:nth-child(3){margin-right:15px!important}.home-action-button:disabled{opacity:.5;border-color:transparent}.home-action-button svg{width:14px;height:14px}.home-carousel-toggle,.home-carousel-show-button,.home-carousel-container{display:none}.home-layout{min-height:auto;padding-bottom:0;padding-left:0;padding-top:110px}}@supports (-webkit-touch-callout: none){@media(max-width:1280px)and (hover:none)and (pointer:coarse){.home-layout{padding-bottom:90px}}}.button-btn-light-gray{padding:10px 14px;min-width:110px;background:#f5f5f5;color:#444;font-family:inherit;font-weight:400;line-height:1.5;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all .2s}.button-btn-light-gray:hover{background:#757575;color:#fff}[data-theme=dark] .button-btn-light-gray{background:#9e9e9e;color:#fff}[data-theme=dark] .button-btn-light-gray:hover{background:#757575;color:#fff}.button-btn-light-gray:focus{outline:2px solid #bdbdbd;outline-offset:1px}.button-btn-light-green{padding:10px 14px;min-width:110px;background:#e8f5e9;color:#2e7d32;font-family:inherit;font-weight:400;line-height:1.5;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all .2s}.button-btn-light-green:hover{background:#2e7d32;color:#fff}[data-theme=dark] .button-btn-light-green{background:#4caf50;color:#fff}[data-theme=dark] .button-btn-light-green:hover{background:#388e3c;color:#fff}.button-btn-light-green:focus{outline:2px solid #43a047;outline-offset:1px}.button-btn-light-blue{padding:10px 14px;min-width:110px;background:#e3f2fd;color:#1976d2;font-family:inherit;font-weight:400;line-height:1.5;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all .2s}.button-btn-light-blue:hover{background:#1976d2;color:#fff}[data-theme=dark] .button-btn-light-blue{background:#2196f3;color:#fff}[data-theme=dark] .button-btn-light-blue:hover{background:#1976d2;color:#fff}.button-btn-light-blue:focus{outline:2px solid #1976d2;outline-offset:1px}.button-btn-light-red{padding:10px 14px;min-width:110px;background:#ffebee;color:#d9534f;font-family:inherit;font-weight:400;line-height:1.5;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all .2s}.button-btn-light-red:hover{background:#ff5252;color:#fff}[data-theme=dark] .button-btn-light-red{background:#ef5350;color:#fff}[data-theme=dark] .button-btn-light-red:hover{background:#d32f2f;color:#fff}.button-btn-light-red:focus{outline:2px solid #d9534f;outline-offset:1px}.button-reset{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s;visibility:hidden}.button-reset.button-reset-visible{visibility:visible}.button-reset:hover{background:var(--color-border)}.button-middle{padding:8px 18px;min-width:80px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:inherit;font-size:1.05rem;font-weight:500;line-height:1.15;border:1px solid var(--color-border);border-radius:6px;outline:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.button-middle:hover{background:var(--color-hover);border-color:var(--color-text-secondary)}[data-theme=dark] .button-middle{background:#2196f3;color:#fff;border-color:#1976d2;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .button-middle:hover{background:#1976d2;border-color:#1565c0;box-shadow:0 2px 4px #0006}.button-middle:focus{outline:2px solid #888;outline-offset:1px}.button-middle-red{background:#d9534f!important;color:#fff!important;border-color:#d9534f!important}.button-middle-red:hover{background:#b52a1a!important;border-color:#b52a1a!important}.button-middle-red:focus{outline:2px solid #b52a1a;outline-offset:1px}.button-middle-blue{background:#1976d2!important;color:#fff!important;border-color:#1976d2!important}.button-middle-blue:hover{background:#0056b3!important;border-color:#0056b3!important}.button-middle-blue:focus{outline:2px solid #0056b3;outline-offset:1px}.button-small{padding:10px 14px;min-width:90px;background:#565656;color:#fff;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.15;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all 1s ease}.button-small-green{background:#2e7d32;color:#fff!important}.button-small-green:hover{background:#1b5e20}.button-small-red{background:#d9534f;color:#fff!important}.button-small-red:hover{background:#b52a1a}.button-small-blue{background:#1976d2;color:#fff!important}.button-small-blue:hover{background:#0056b3}.button-btn{padding:10px 14px;min-width:90px;background:#565656;color:#fff;font-family:inherit;font-weight:400;line-height:1.15;border:none;border-radius:6px;outline:none;cursor:pointer;transition:all 1s ease}.button-btn:hover{background:#111}.button-btn:focus{outline:2px solid #888;outline-offset:1px}.button-btn-green{background:#2e7d32;color:#fff!important}.button-btn-green:hover{background:#1b5e20}.button-btn-green:focus{outline:2px solid #1b5e20;outline-offset:1px}.button-btn-blue{background:#1976d2;color:#fff!important}.button-btn-blue:hover{background:#0056b3}.button-btn-blue:focus{outline:2px solid #0056b3;outline-offset:1px}.button-btn-red{background:#d9534f;color:#fff!important}.button-btn-red:hover{background:#b52a1a}.button-btn-red:focus{outline:2px solid #b52a1a;outline-offset:1px}.button-btn-red:disabled{opacity:.6}.button-auth-buttons{display:flex;justify-content:space-between}.button-btn-no-color{background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1.2rem;letter-spacing:1.5px;font-weight:300}.button-btn-no-color:hover{background:#f0f0f0;cursor:pointer}[data-theme=dark] .button-btn-no-color:hover{background:#333}.button-compact{padding:9px 13px;border:none;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s;white-space:nowrap;border:1px solid transparent}.button-compact:disabled{opacity:.5;cursor:not-allowed}.button-compact{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.button-compact:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-text-secondary)}[data-theme=dark] .button-compact{background:#2196f3;color:#fff;border-color:#1976d2;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .button-compact:hover:not(:disabled){background:#1976d2;border-color:#1565c0;box-shadow:0 2px 4px #0006}.button-compact-blue{background:#1976d2;color:#fff!important}.button-compact-blue:hover:not(:disabled){background:#0056b3}.button-compact-red{background:#d9534f;color:#fff!important}.button-compact-red:hover:not(:disabled){background:#b52a1a}.button-compact-green{background:#2e7d32;color:#fff!important}.button-compact-green:hover:not(:disabled){background:#1b5e20}.button-tiny{padding:3px 5px;border:none;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.button-tiny:disabled{opacity:.5;cursor:not-allowed}.button-tiny-blue{background:#e3f2fd;color:#1976d2}.button-tiny-blue:hover:not(:disabled){background:#bbdefb}.button-tiny-red{background:#ffebee;color:#c62828}.button-tiny-red:hover:not(:disabled){background:#ffcdd2}.button-tiny-green{background:#e8f5e9;color:#2e7d32}.button-tiny-green:hover:not(:disabled){background:#c8e6c9}.button-tiny{background:#565656;color:#fff}.button-tiny:hover:not(:disabled){background:#444}.link-button{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .2s}.link-button:hover:not(:disabled){color:#0056b3}.link-button:disabled{opacity:.6;cursor:not-allowed}.header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;max-width:100vw;height:80px;margin:0;padding:2rem 2rem 2rem 0;background:var(--color-bg-primary);box-sizing:border-box;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,border-color .2s ease,box-shadow .2s ease;z-index:10}.header.reading-mode-fade{opacity:0;pointer-events:none}body.reading-mode .header{opacity:0!important;transform:translateY(-100px)!important;pointer-events:none!important;visibility:hidden!important;transition:all .5s ease!important}body.reading-mode .exit-button,body.reading-mode .myspace-button,body.reading-mode .mycontent-button{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transition:all .5s ease!important}.header{transition:opacity .5s ease,transform .5s ease}body.reading-mode-exit .header{opacity:0!important;transform:translateY(-20px)!important;pointer-events:none!important;transition:opacity .5s ease .5s,transform .5s ease .5s!important}body.reading-mode .myspace-watermark{opacity:0!important;transition:opacity .5s ease!important}body.reading-mode-exit .myspace-watermark{opacity:0!important;transition:opacity .5s ease .5s!important}.header h1{text-align:center;color:var(--color-text-primary);font-size:2rem;font-weight:200;letter-spacing:5px;margin:0;line-height:1.15;padding:2rem;transform:translateY(0);transition:background 1s}.header h1:hover{background:#f0f0f0;cursor:pointer}[data-theme=dark] .header h1:hover{background:#333}.header-title{flex:1;display:flex;align-items:center;gap:12px}.header-theme-toggle-button{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s;color:var(--color-text-primary)}.header-theme-toggle-button:hover{border-color:var(--color-text-primary)}.header-zen-toggle-button{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s;color:var(--color-text-primary)}.header-zen-toggle-button:hover{border-color:var(--color-text-primary)}.header-circle-buttons{display:flex;gap:.4rem;align-items:center;position:relative}.header-circle-btn{min-width:90px;height:40px;border-radius:20px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:14px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;padding:0 16px;letter-spacing:.5px}.header-circle-btn:hover{background:var(--color-border)}.header-right{display:flex;align-items:center;gap:16px;justify-content:flex-end}.header-admin-buttons{display:flex;gap:16px;margin-right:50px;position:relative}.header-logo{color:inherit;text-decoration:none;font-weight:700;font-size:inherit;margin:0}.header-logo-button{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.header-logo-text{display:inline}.header-logo-gap{display:inline-block;width:.05em}.header-logo-text-accent{color:#3b82f6;transition:color .2s ease}.header-logo-button:hover .header-logo-text-accent{color:#60a5fa}.header-logo-plus{color:#3b82f6;font-weight:inherit;margin-left:.04em;opacity:.9}.header-logo a,.header-logo button{color:inherit;text-decoration:none}.profile-button-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.profile-button-oval{width:40px;height:40px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.profile-button-oval:hover{border-color:var(--color-text-primary)}.profile-display-name{position:absolute;top:40px;font-size:9px;color:var(--color-text-secondary);font-weight:400;text-align:center;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;pointer-events:none}.header-myspace-slide-out{animation:mySpaceSlideOut 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes mySpaceSlideOut{0%{transform:rotateY(0)}50%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(180deg);opacity:0}}.header-myspace-icon-button{width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-myspace-icon-button:hover{border-color:var(--color-text-primary)}.header-mycontent-icon-button{width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-mycontent-icon-button:hover{border-color:var(--color-text-primary)}.header-create-icon-button{width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-create-icon-button:hover{border-color:var(--color-text-primary)}.header-myspace-mobile-button{width:32px;height:32px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s}.header-myspace-mobile-button:hover{border-color:var(--color-text-primary)}@media(max-width:1280px){.header{height:56px;padding:.5rem .75rem .5rem 11px}.header h1{font-size:clamp(1rem,4vw,1.5rem);padding:.5rem;letter-spacing:3px;transform:scaleY(1.1)}.header-logo-text{display:inline}.header-logo-gap{width:.04em}.header-title{gap:6px}.header-right{gap:4px}.profile-display-name{top:32px;font-size:7px;width:70px}.header-myspace-icon-button,.header-mycontent-icon-button,.header-create-icon-button,.profile-button-oval,.header-theme-toggle-button,.header-zen-toggle-button,.header-myspace-mobile-button{width:32px;height:32px;font-size:14px}.header-myspace-icon-button svg,.header-mycontent-icon-button svg,.header-create-icon-button svg,.header-theme-toggle-button svg,.header-zen-toggle-button svg,.profile-button-oval svg,.header-myspace-mobile-button svg{width:14px;height:14px}.header-circle-buttons{display:none}.header-admin-buttons{margin-right:0;gap:4px}.header-myspace-mobile-button{display:flex}.header-right .button-btn{padding:6px 10px;min-width:auto;font-size:13px}}@media(min-width:1281px){.header-myspace-mobile-button{display:none}}.header-dropdown{position:absolute;top:45px;left:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);z-index:1000;min-width:150px}.header-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;text-align:left}.header-dropdown-item:first-child{border-radius:8px 8px 0 0}.header-dropdown-item:last-child{border-radius:0 0 8px 8px}.header-dropdown-item:hover{background:var(--color-hover)}.footer{position:fixed;left:0;bottom:0;width:100%;height:50px;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;box-sizing:border-box;font-size:.8rem;color:var(--color-text-secondary);z-index:100;opacity:1;transition:opacity .5s ease,transform .5s ease;background:var(--color-bg-primary)}.footer-content{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}body.reading-mode .footer{opacity:0!important;pointer-events:none!important;transform:translateY(20px)!important;transition:opacity .5s ease .5s,transform .5s ease .5s!important}.footer{transition:opacity .5s ease,transform .5s ease}body.reading-mode-exit .footer{opacity:0!important;pointer-events:none!important;transform:translateY(20px)!important;transition:opacity .5s ease .5s,transform .5s ease .5s!important}.footer-meta{margin:0;text-align:center;font-size:.7rem;font-weight:400}.footer-share-button{flex-shrink:0}.footer-link{color:inherit;text-decoration:underline}.footer-link.active{text-decoration:none}@media(max-width:1280px){.footer{position:relative;height:auto;min-height:36px;padding:.35rem 1rem}.footer-content{gap:.7rem;flex-wrap:wrap}.footer-meta{font-size:.66rem}.spinner-overlay~.footer,body:has(.spinner-overlay) .footer{display:none}}.share-button-wrap{position:relative;display:inline-flex;flex-shrink:0}.share-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-primary);font:inherit;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.share-button:hover,.share-button.is-open{background:var(--color-hover);border-color:var(--color-text-secondary)}.share-button:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:2px}.share-button:active{transform:translateY(1px)}.share-button-copy-fallback{position:fixed;top:-9999px;left:-9999px}.share-menu{position:relative;display:flex;flex-direction:column;gap:.85rem;min-width:18rem;padding:1.1rem 1rem 1rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-bg-primary);box-shadow:0 18px 42px #0000002e}.share-menu-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0000004d;z-index:2147483647}[data-theme=dark] .share-menu-overlay{background:#0009}.share-menu-title{padding-right:1.5rem;color:var(--color-text-primary);font-size:.92rem;font-weight:500}.share-menu-items{display:flex;flex-direction:column;gap:.2rem}.share-menu-close{position:absolute;top:.45rem;right:.45rem;width:1.9rem;height:1.9rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}.share-menu-close:hover{background:var(--color-hover);color:var(--color-text-primary)}.share-menu-item{display:inline-flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-text-primary);font:inherit;font-size:.76rem;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.share-menu-item:hover{background:var(--color-hover)}.share-menu-item:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:1px}@media(max-width:1280px){.share-button{width:1.9rem;height:1.9rem}.share-menu{min-width:min(18rem,calc(100vw - 2rem));padding:1rem .9rem .9rem}.share-menu-item{font-size:.72rem}}.form-content-frame{position:absolute;inset:80px 0 50px;padding:0 20px 0 80px;overflow-y:auto;box-sizing:border-box}.form-content-frame.table-page{padding:20px 20px 0 80px;height:calc(100vh - 130px);overflow-y:hidden;overflow-x:visible;display:flex;flex-direction:column}.form-container{display:flex;align-items:flex-start;justify-content:center;width:100%;box-sizing:border-box;padding-top:150px;min-height:calc(100vh - 130px)}.form-createcontent-double{padding-top:0!important;min-width:0;flex:2.5;justify-content:flex-start}.form-createcontent-bulk{padding-top:0!important}.form-form{width:390px;padding:24px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary)}.form-form h2{margin:0 0 8px;color:var(--color-text-primary)}.form-form label{display:block;margin-bottom:4px;font-size:14px;color:var(--color-text-primary)}.form-form input{width:100%;padding:8px;margin-top:2px;margin-bottom:8px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;background:#fff;color:var(--color-text-primary)}[data-theme=dark] .form-form input{background:var(--color-bg-secondary)}.form-form input:focus{outline:none;border-color:#007bff}.form-error{background:#ffe6e6;color:#900;padding:8px;margin-bottom:12px;border-radius:4px}.form-buttons{display:flex;justify-content:space-between;gap:8px;margin-bottom:18px}.form-buttons-split{gap:0}.form-buttons-group{display:flex;gap:20px;align-items:center}.form-form a{color:#007bff;text-decoration:none;padding-left:2px}.form-form a:hover{text-decoration:underline}.login-footer-spacer{min-height:1.2em;margin:10px 0}.login-footer-signup{margin-top:5px}.login-input-wrapper{position:relative}.login-input{padding-right:10px}.login-input-clear{padding-right:30px}.login-input-actions{padding-right:60px}.login-input-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.login-input-btn-clear{right:8px}.login-input-btn-clear-password{right:38px}.login-input-btn-toggle{right:8px}.form-redirect-note{margin-top:20px;color:#666}.form-redirect-action{margin-top:30px}.form-footer-link{margin-top:20px}.signup-legal{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:14px}.signup-legal-checkbox{appearance:auto;width:16px!important;min-width:16px;height:16px;flex-shrink:0;margin:0 4px 0 0;padding:0;border:0;border-radius:0;background:transparent}.signup-legal-copy{line-height:1.4}.signup-form-container .form-buttons{margin-top:16px}.signup-footer-login{margin:0}.signup-footer-login-copy{font-size:14px}@media(max-width:1280px){.form-container{padding-top:90px;padding-left:16px;padding-right:16px}.form-form{width:100%;max-width:390px}}*{-webkit-tap-highlight-color:transparent}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-text-primary: #000000;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .1);--color-hover: #fdfdfd;--color-bg-error: #f8d7da;--color-border-error: #dc3545;--color-text-error: #721c24;--card-left-bg: #d6eaf8;--card-right-bg: #ebf5fb;--progress-fill-bg: #3b82f6}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-border: #404040;--color-shadow: rgba(255, 255, 255, .1);--color-hover: #1c1c1c;--color-bg-error: #4a1e1e;--color-border-error: #8b2635;--color-text-error: #f5c6cb;--card-left-bg: #1e3a5f;--card-right-bg: #2a2a2a;--progress-fill-bg: #60a5fa}body,.app-app,.header,.footer,.terms-container{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}.app-app{height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-text-secondary) var(--color-bg-secondary);transition:background-color .3s ease,color .3s ease}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1.5rem 1.5rem;gap:1.5rem;overflow-y:auto;min-height:0}.app-app::-webkit-scrollbar{width:12px}.app-app::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.app-app::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:8px;border:2px solid var(--color-bg-secondary)}.app-app::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.2rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.app-header h1{font-size:1.4rem}.app-main{padding:.5rem;gap:1rem}}@media(max-width:480px){.app-header{padding:.6rem 0}.app-header h1{font-size:1.2rem}}.breadcrumbs-container{width:100%;max-width:none}.breadcrumbs-inner{display:flex;align-items:center;gap:.4rem;width:min(85vw,calc(100% - 50px));max-width:min(85vw,calc(100% - 50px));min-height:24px;font-size:.9rem;color:var(--color-text-secondary);flex-wrap:nowrap;overflow:visible;padding:2px 0 2px 2px;box-sizing:border-box}.breadcrumb-home-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;background:#2a5faa;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0;position:relative}.breadcrumb-home-icon:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.breadcrumb-home-plus{position:absolute;top:-5px;right:-5px;font-size:18px;font-weight:800;color:#3b82f6;line-height:1;pointer-events:none}.breadcrumb-item{transition:color .2s;cursor:pointer;white-space:nowrap}.breadcrumb-item-static{cursor:default}.breadcrumb-item:not(.active):hover{color:var(--color-text-primary)}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:600}.breadcrumb-separator{color:var(--color-text-secondary);flex-shrink:0}@media(min-width:1281px){.breadcrumb-item{overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.breadcrumb-item-fixed{flex-shrink:0;overflow:visible;text-overflow:clip}}@media(max-width:1280px){.breadcrumbs-inner{gap:.1rem;font-size:.8rem;width:100%;max-width:100%;min-height:24px;padding:2px 0 2px 2px}.breadcrumb-item:not(.breadcrumb-item-fixed){overflow:hidden;text-overflow:ellipsis;min-width:30px;flex-shrink:1}.breadcrumb-separator{width:10px;height:10px}.breadcrumb-hide-mobile{display:none}}.study-layout{min-height:100vh;background:var(--color-bg-primary)}.breadcrumbs-container{position:fixed;top:0;left:0;right:0;width:100%;padding-right:30px;padding-left:30px;padding-top:8px;display:flex;align-items:center;background:var(--color-bg-primary);z-index:100;height:67px;box-sizing:border-box}.study-layout-buttons-fixed{position:fixed;top:0;right:15px;width:auto;padding-right:6rem;padding-top:8px;display:flex;align-items:center;gap:1rem;background:transparent;z-index:101;height:58px;box-sizing:border-box;justify-content:flex-end}.study-layout-buttons-fixed:before{content:"";flex:1;max-width:calc((100% - 900px)/2)}.study-layout-content-scrollable{margin-top:77px;padding-right:6rem;padding-left:30px;padding-top:0;padding-bottom:0}body.reading-mode .study-layout-breadcrumbs-fixed,body.reading-mode .study-layout-buttons-fixed,body.reading-mode .breadcrumbs-container,body.reading-mode .nav-button-exit,body.reading-mode .nav-button-myspace,body.reading-mode .nav-button-mycontent,body.reading-mode .nav-button-create,body.reading-mode .nav-button-community,body.reading-mode .nav-button-discover,body.reading-mode .nav-button-meet{display:none!important}@media(max-width:1280px){.study-layout-buttons-fixed{display:none}.breadcrumbs-container{padding-right:1rem;padding-left:1rem;height:60px}.study-layout-content-scrollable{margin-top:70px;padding-right:1rem;padding-left:1rem;padding-bottom:60px}}@media(min-width:1281px){.viewlesson-page .breadcrumbs-container{padding-right:700px}}.create-content-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.create-content-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.create-content-grid{display:flex;flex-wrap:wrap;gap:.5rem}.create-content-card{background:#fff;border:2px solid var(--color-border);border-radius:30px;padding:2rem;cursor:pointer;transition:border-color .3s ease;width:220px;height:220px;display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem;flex-shrink:0}[data-theme=dark] .create-content-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.create-content-card:hover{border-color:var(--color-text-primary)}.create-content-card-icon{color:#3b82f6;margin-bottom:.5rem}.create-content-card:first-child .create-content-card-icon{color:#475569}.create-content-card:last-child .create-content-card-icon{color:#f59e0b}[data-theme=dark] .create-content-card-icon{color:#60a5fa}[data-theme=dark] .create-content-card:first-child .create-content-card-icon{color:#64748b}[data-theme=dark] .create-content-card:last-child .create-content-card-icon{color:#fbbf24}.create-content-card-title{font-size:1.6rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.3;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.create-content-card-description{font-size:.95rem;color:var(--color-text-secondary);font-weight:500;text-align:left;margin:auto 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media(max-width:1280px){.create-content-page{padding-bottom:5rem}.create-content-hero{width:100%}.create-content-card{width:140px;height:150px;border-radius:20px;padding:1rem}.create-content-card-icon svg{width:23px!important;height:23px!important}.create-content-card-title{font-size:1.15rem;font-weight:400}.create-content-card-description{font-size:.7rem}.create-content-grid{gap:.5rem}}.form-createcontent-double .form-form{width:100%!important;max-width:none!important}.form-content-frame>h1{color:var(--color-text-primary)}.form-createcontent-bulk .form-form{width:100%!important;max-width:none!important}.createcontent-content .form-buttons{margin-top:18px!important}.createcontent-form .form-buttons,.createcontent-bulk-form .form-buttons{margin-top:18px}.createcontent-content{max-width:1200px;margin:0 auto;padding:2rem}.form-content-frame-fullscreen{display:block;align-items:flex-start;justify-content:flex-start;min-height:100vh;position:static;top:0;bottom:0;padding:2rem}.form-content-frame-fullscreen>h1{margin-bottom:2rem}.createcontent-spacer-lg{height:40px}.createcontent-spacer-md{height:32px}.createcontent-form-layout{display:flex;gap:60px;width:100%;justify-content:flex-start;align-items:flex-start}.createcontent-pdf-hint{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.createcontent-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-height:40px}.createcontent-content h1{margin:0 0 16px;color:var(--color-text-primary)}.createcontent-table-container{overflow-x:auto}.createcontent-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-bg-primary);border-radius:8px;overflow:hidden}.createcontent-table thead{background:var(--color-bg-secondary)}.createcontent-table th{padding:12px;text-align:left;font-weight:600;color:var(--color-text-primary)}.createcontent-table th:nth-child(1){width:70%}.createcontent-table th:nth-child(2){width:30%}.createcontent-table td{padding:12px 24px;border-top:1px solid var(--color-border);vertical-align:top}.createcontent-form{display:flex;flex-direction:column;gap:16px;width:80%;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:16px}.createcontent-form-row{display:flex;gap:10px}.createcontent-form-row .createcontent-form-group{flex:1}.createcontent-form-group{display:flex;flex-direction:column;gap:4px;position:relative}.createcontent-body-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.createcontent-body-header label{margin:0}.createcontent-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px;box-shadow:0 4px 6px var(--color-shadow)}.createcontent-dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.createcontent-dropdown-item:last-child{border-bottom:none}.createcontent-dropdown-item:hover{background:var(--color-hover)}.createcontent-form-group label{font-weight:600;font-size:14px;color:var(--color-text-primary)}.createcontent-form-group input,.createcontent-form-group textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:var(--color-text-primary);transition:border-color .2s}[data-theme=dark] .createcontent-form-group input,[data-theme=dark] .createcontent-form-group textarea{background:var(--color-bg-secondary)}.createcontent-form-group input:focus,.createcontent-form-group textarea:focus{outline:none;border-color:#1976d2;border-style:solid}.createcontent-form-group textarea{resize:vertical;height:300px;max-height:350px}.createcontent-flashcards{margin-top:1.5rem}.createcontent-flashcards-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.createcontent-flashcards-label{font-weight:600;margin:0}.createcontent-flashcards-add{background:#f59e0b;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}.createcontent-flashcards-remove{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#dc3545;cursor:pointer;padding:0}.createcontent-flashcard-card{margin-bottom:1rem;display:flex;gap:0;background:var(--color-bg-primary);border-radius:12px;overflow:hidden;position:relative;min-height:150px;border:1px solid var(--color-border)}.createcontent-flashcard-side{flex:1;padding:1rem;display:flex;flex-direction:column}.createcontent-flashcard-side-right{border-left:1px solid var(--color-border)}.createcontent-flashcard-textarea{width:100%;flex:1;padding:.5rem;background:transparent;border:none;outline:none;color:var(--color-text-primary);resize:none;font-size:1rem;font-family:inherit}.createcontent-bulk-form{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:16px}.createcontent-file-input{position:relative}.createcontent-file-input input[type=file]{position:absolute;opacity:0;width:0;height:0}.createcontent-file-label{display:block;padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;text-align:left;cursor:pointer;transition:all .2s;color:var(--color-text-secondary);font-size:14px;background:#fff}[data-theme=dark] .createcontent-file-label{background:var(--color-bg-secondary)}.createcontent-file-label:hover{border-color:#1976d2;background:var(--color-hover)}.create-folder-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.create-folder-btn:hover{background:#2563eb}.createcontent-close-btn{position:fixed;top:20px;right:20px;background:transparent;border:none;cursor:pointer;z-index:10000;color:var(--color-text-primary)}@media(max-width:1280px){.form-content-frame-fullscreen{padding:60px 0 0}.createcontent-form-layout{flex-direction:column;gap:24px}.createcontent-form-row{flex-direction:column}.createcontent-close-btn{top:40px}.createcontent-form-group textarea{height:150px;max-height:200px}}.pdfimport{width:100%}.pdfimport-footer,.pdfimport-inline,.pdfimport-viewlesson-top{position:relative;width:auto}.pdfimport-actions{display:flex;justify-content:flex-end;margin-bottom:18px}.pdfimport-footer .pdfimport-actions,.pdfimport-inline .pdfimport-actions,.pdfimport-viewlesson-top .pdfimport-actions{margin-bottom:0}.pdfimport-input{display:none}.pdfimport-upload-button{display:inline-flex;align-items:center;gap:8px}.pdfimport-upload-button-icon{position:relative;min-width:40px!important;width:40px!important;height:40px!important;border-radius:50%!important;padding:10px!important;justify-content:center;transition:all .3s ease}.pdfimport-upload-icon{flex-shrink:0}.pdfimport-upload-label-mobile{display:none}.pdfimport-beta-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 3px;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.35);color:#fffffffa;font-size:.44rem;font-weight:700;letter-spacing:0;text-transform:uppercase;line-height:1}.pdfimport-beta-badge-icon{position:absolute;top:-3px;right:-5px;padding:0 3px;font-size:.36rem;background:#ffffffeb;border-color:#3b82f638;color:#1d4ed8}.pdfimport-beta-badge-default{background:#ffffffeb;border-color:#3b82f638;color:#1d4ed8}[data-theme=dark] .pdfimport-beta-badge{background:#fff3;border-color:#ffffff57;color:#fffffffa}[data-theme=dark] .pdfimport-beta-badge-icon,[data-theme=dark] .pdfimport-beta-badge-default{background:#0f172af2;border-color:#60a5fa59;color:#dbeafe}.pdfimport-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-primary);box-shadow:0 10px 30px #0f172a0f}.pdfimport-footer .pdfimport-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(680px,calc(100vw - 120px));margin-bottom:0;z-index:40}.pdfimport-inline .pdfimport-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(680px,calc(100vw - 120px));margin-bottom:0;z-index:40}.pdfimport-viewlesson-top .pdfimport-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(680px,calc(100vw - 120px));margin-bottom:0;z-index:60}.pdfimport-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pdfimport-file{display:flex;align-items:center;gap:12px;color:var(--color-text-primary)}.pdfimport-file-copy{display:flex;flex-direction:column;gap:4px}.pdfimport-file-copy strong{font-size:.98rem}.pdfimport-file-copy span{color:var(--color-text-secondary);font-size:.9rem}.pdfimport-clear{align-self:center;white-space:nowrap}.pdfimport-note{padding:12px 14px;border-radius:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.18);color:var(--color-text-primary);line-height:1.5;font-size:.94rem}[data-theme=dark] .pdfimport-note{background:#60a5fa24;border-color:#60a5fa47}.pdfimport-controls{display:flex;gap:16px;align-items:flex-end}.pdfimport-field{display:flex;flex:1;flex-direction:column;gap:4px}.pdfimport-field label{font-weight:600;font-size:14px;color:var(--color-text-primary)}.pdfimport-field input{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:inherit;background:#fff;color:var(--color-text-primary);transition:border-color .2s}[data-theme=dark] .pdfimport-field input{background:var(--color-bg-secondary)}.pdfimport-field input:focus{outline:none;border-color:#1976d2;border-style:solid}.pdfimport-import-button{white-space:nowrap}.pdfimport-hint{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.pdfimport-selection-badge{display:inline-flex;width:fit-content;margin-top:4px;padding:4px 10px;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--color-text-primary);font-size:.78rem;font-weight:600}[data-theme=dark] .pdfimport-selection-badge{background:#60a5fa24;border-color:#60a5fa3d}.pdfimport-error{padding:12px 14px;border-radius:10px;background:#dc262614;border:1px solid rgba(220,38,38,.18);color:#b91c1c;font-size:.92rem;line-height:1.45}[data-theme=dark] .pdfimport-error{background:#f871711f;border-color:#f8717142;color:#fca5a5}@media(max-width:1280px){.pdfimport-footer{width:100%}.pdfimport-inline,.pdfimport-viewlesson-top{width:auto}.pdfimport-actions{justify-content:stretch}.pdfimport-upload-button{width:100%;justify-content:center}.pdfimport-inline .pdfimport-actions,.pdfimport-viewlesson-top .pdfimport-actions{justify-content:flex-end}.pdfimport-inline .pdfimport-upload-button{width:auto;min-width:0;padding:8px 10px;gap:6px}.pdfimport-viewlesson-top .pdfimport-upload-button-icon{width:40px;min-width:40px;padding:10px}.pdfimport-inline .pdfimport-beta-badge{padding:0 2px;font-size:.4rem}.pdfimport-inline .pdfimport-upload-label-desktop{display:none}.pdfimport-inline .pdfimport-upload-label-mobile{display:inline}.pdfimport-panel-header,.pdfimport-controls{flex-direction:column;align-items:stretch}.pdfimport-footer .pdfimport-panel,.pdfimport-inline .pdfimport-panel,.pdfimport-viewlesson-top .pdfimport-panel{position:static;width:100%;margin-top:16px}.pdfimport-clear,.pdfimport-import-button{width:100%}}.filter{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:background .2s;min-width:70px;word-wrap:break-word;word-break:break-word}.filter:hover{background:var(--color-border)}.filter:focus{outline:2px solid var(--color-text-secondary);outline-offset:1px}.admin-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;min-height:40px}.admin-header h1{margin:0;color:var(--color-text-primary)}.admin-table-container{height:calc(100vh - 190px);overflow:auto;border:none;background:none}.admin-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-bg-primary)}.admin-table thead{position:sticky;top:0;z-index:100;background:none}.admin-table th{padding:4px 8px;text-align:left;font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:13px;line-height:1.3}.admin-table th:nth-child(1){width:5%}.admin-table th:nth-child(2){width:15%}.admin-table th:nth-child(3){width:10%}.admin-table th:nth-child(4){width:8%}.admin-table th:nth-child(5){width:8%}.admin-table th:nth-child(6){width:13%}.admin-table th:nth-child(7){width:8%}.admin-table th:nth-child(8){width:6%}.admin-table th:nth-child(9){width:12%}.admin-table th:nth-child(10){width:12%}.admin-table th:nth-child(11){width:12%}.admin-table th:nth-child(12){width:10%}.admin-table td{padding:4px 8px;border:1px solid var(--color-border);word-wrap:break-word;word-break:break-word;text-align:center;color:var(--color-text-primary);font-size:13px;line-height:1.3}.admin-table tbody tr:hover{background:var(--color-bg-secondary)}.admin-role-badge,.admin-status-badge,.admin-verification-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.admin-role-badge.admin-role-admin{background:#e3f2fd;color:#1976d2}[data-theme=dark] .admin-role-badge.admin-role-admin{background:#2196f3;color:#fff}.admin-role-badge.admin-role-user{background:#f5f5f5;color:#6b7280}[data-theme=dark] .admin-role-badge.admin-role-user{background:#9e9e9e;color:#fff}.admin-status-badge.admin-status-active{background:#e8f5e9;color:#2e7d32}[data-theme=dark] .admin-status-badge.admin-status-active{background:#4caf50;color:#fff}.admin-status-badge.admin-status-blocked{background:#ffebee;color:#c62828}[data-theme=dark] .admin-status-badge.admin-status-blocked{background:#ef5350;color:#fff}.admin-status-badge.admin-status-protected{background:#e3f2fd;color:#1976d2}[data-theme=dark] .admin-status-badge.admin-status-protected{background:#2196f3;color:#fff}.admin-verification-badge.admin-verification-verified{background:#e8f5e9;color:#2e7d32}.admin-empty-message{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.admin-delete-dialog{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-delete-dialog-content{background:var(--color-bg-primary);padding:24px;border-radius:8px;max-width:400px;width:90%;color:var(--color-text-primary)}.admin-delete-dialog-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.superadmin-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;min-height:40px}.superadmin-header h1{margin:0;color:var(--color-text-primary)}.superadmin-table-container{height:calc(100vh - 190px);overflow:auto;border:none;background:none}.superadmin-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-bg-primary)}.superadmin-table thead{position:sticky;top:0;z-index:100;background:none}.superadmin-table th{padding:4px 8px;text-align:left;font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:13px;line-height:1.3}.superadmin-table th:nth-child(1){width:5%}.superadmin-table th:nth-child(2){text-align:left;width:25%}.superadmin-table td{padding:4px 8px;border:1px solid var(--color-border);word-wrap:break-word;word-break:break-word;text-align:center;color:var(--color-text-primary);font-size:13px;line-height:1.3}.superadmin-table tbody tr:hover{background:var(--color-bg-secondary)}.superadmin-role-badge,.superadmin-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.superadmin-role-badge.superadmin-role-admin{background:#e3f2fd;color:#1976d2}[data-theme=dark] .superadmin-role-badge.superadmin-role-admin{background:#2196f3;color:#fff}.superadmin-role-badge.superadmin-role-superadmin{background:#f3e5f5;color:#9333ea}[data-theme=dark] .superadmin-role-badge.superadmin-role-superadmin{background:#9c27b0;color:#fff}.superadmin-status-badge.superadmin-status-active{background:#e8f5e9;color:#2e7d32}[data-theme=dark] .superadmin-status-badge.superadmin-status-active{background:#4caf50;color:#fff}.superadmin-status-badge.superadmin-status-blocked{background:#ffebee;color:#c62828}[data-theme=dark] .superadmin-status-badge.superadmin-status-blocked{background:#ef5350;color:#fff}.superadmin-status-badge.superadmin-status-protected{background:#e3f2fd;color:#1976d2}[data-theme=dark] .superadmin-status-badge.superadmin-status-protected{background:#2196f3;color:#fff}.superadmin-empty-message{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.superadmin-id-cell{text-align:center}.superadmin-id-secondary{font-family:monospace;font-size:10px;color:var(--color-text-secondary);margin-top:2px}.superadmin-table .header-cell{text-align:center;height:110px;vertical-align:top;position:relative}.superadmin-table .header-cell-sortable{cursor:pointer;height:110px;vertical-align:top;position:relative}.superadmin-table .header-title{position:absolute;top:5px;left:50%;transform:translate(-50%)}.superadmin-table .header-arrows{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:12px}.superadmin-table .header-filter{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:11px}.superadmin-table .email-cell{text-align:left!important}.content-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-height:40px}.content-header h1{margin:0;color:var(--color-text-primary)}.content-content h1{margin:0}.content-filters-section{display:flex;align-items:center;gap:50px;margin-bottom:14px;flex-wrap:wrap}.content-filter-group{display:flex;align-items:center;gap:8px}.content-time-filters{gap:6px}.content-my-articles-label{display:flex;align-items:center;gap:6px;font-weight:500}.content-my-articles-checkbox{margin:0}.content-btn-filter{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.content-btn-filter:hover{background:var(--color-hover)}.content-btn-filter.active{background:#1976d2;color:#fff;border-color:#1976d2}.content-table-container{height:calc(100vh - 190px);overflow:auto;border:none;border-radius:4px;max-width:100%}.content-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-bg-primary)}.content-table thead{position:sticky;top:0;z-index:100;background:var(--color-bg-primary);box-shadow:0 2px 8px var(--color-shadow)}.content-table th{padding:4px 8px;text-align:center;font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-primary);word-wrap:break-word;word-break:break-word;font-size:13px;line-height:1.3}.content-table th:nth-child(1){width:4%}.content-table th:nth-child(2){width:13%}.content-table th:nth-child(3){width:13%}.content-table th:nth-child(4){width:13%}.content-table th:nth-child(5){width:26%}.content-table th:nth-child(6){width:12%}.content-table th:nth-child(7){width:8%}.content-table th:nth-child(8){width:11%}.content-table td{padding:4px 8px;border:1px solid var(--color-border);vertical-align:top;word-wrap:break-word;word-break:break-word;color:var(--color-text-primary);font-size:13px;line-height:1.3}.content-table tbody tr:hover{background:var(--color-bg-secondary)}.content-body-cell{max-height:100px;overflow-y:auto;word-wrap:break-word}.content-actions-cell{text-align:center;vertical-align:middle}.content-actions-cell .button-btn-light-gray{margin-top:8px}.content-actions-cell button{width:100%;word-wrap:break-word;white-space:normal;line-height:1.2;box-sizing:border-box;min-width:0;max-width:100%}.content-edit-input{width:100%;padding:6px 8px;font-size:14px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;background:var(--color-bg-secondary);color:var(--color-text-primary)}.content-edit-textarea{width:100%;padding:6px 8px;font-size:14px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;resize:vertical;background:var(--color-bg-secondary);color:var(--color-text-primary)}input[type=date]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:default}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.content-empty-message{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.content-error{color:#d9534f;padding:12px;background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;margin-bottom:16px}.content-history-section{padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px}.content-history-cell{padding:0!important}.content-history-title{margin:0 0 8px;font-size:14px;color:var(--color-text-primary);font-weight:600}.content-history-item{padding:12px;margin-bottom:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary)}.content-history-item:last-child{margin-bottom:0}.content-history-item div{margin-bottom:6px}.content-history-item div:last-child{margin-bottom:0}.userspace-filters-section{display:flex;align-items:center;gap:50px;margin-bottom:14px;flex-wrap:wrap;justify-content:space-between}.button-view-myspace{padding:8px 16px;border:2px solid #1976d2;border-radius:6px;font-size:14px;font-weight:600;background:transparent;color:#1976d2;cursor:pointer;transition:all .2s;margin-left:auto}.button-view-myspace:hover{background:#1976d2;color:#fff}.userspace-filter-group input[type=date]{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:default;width:150px}.userspace-filter-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.userspace-filter-group{display:flex;align-items:center;gap:8px}.userspace-time-filters{gap:6px}.userspace-btn-filter{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.userspace-btn-filter:hover{background:var(--color-hover)}.userspace-btn-filter.active{background:#1976d2;color:#fff;border-color:#1976d2}.userspace-header{display:flex;align-items:center;gap:16px;min-height:40px;flex-wrap:wrap}.userspace-title-group{display:flex;align-items:center;gap:16px}.userspace-header h1{margin:0;color:var(--color-text-primary)}.userspace-count-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:14px;font-weight:600;box-shadow:0 2px 4px var(--color-shadow)}.userspace-view-button-hidden{visibility:hidden}.userspace-index-cell{display:flex;align-items:center;gap:8px}.userspace-content-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff}.userspace-content-badge-lesson{background:#475569}.userspace-content-badge-flashcard{background:#f59e0b}.userspace-content-badge-highlight{background:#fbbf24}.userspace-content-badge-note{background:#3b82f6}.userspace-table-container{flex:1;overflow:auto;border:1px solid var(--color-border);background:none}.userspace-table{width:100%;table-layout:auto;border-collapse:collapse;background:var(--color-bg-primary)}.userspace-table thead{position:sticky;top:0;z-index:100;background:none}.userspace-table th{padding:4px 6px;text-align:center;font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-bg-primary);min-width:70px}.userspace-table td{padding:2px 4px;border:1px solid var(--color-border);text-align:center;color:var(--color-text-primary)}.userspace-table .title-cell,.userspace-table .body-cell{text-align:left!important}.userspace-table td:nth-child(3),.userspace-table td:nth-child(4){text-align:left!important}.body-preview{text-align:left;cursor:pointer;color:var(--color-text-primary)}.body-preview:hover{background:var(--color-hover)}.body-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.body-modal-content{background-color:var(--color-bg-primary);margin:auto;padding:20px;border:1px solid var(--color-border);border-radius:8px;width:80%;max-width:800px;max-height:80%;overflow-y:auto;position:relative}.body-modal-close{color:var(--color-text-secondary);float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px}.body-modal-close:hover{color:var(--color-text-primary)}.body-modal-text{color:var(--color-text-primary);line-height:1.6;margin-top:30px}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-active{background:#e8f5e9;color:#2e7d32}[data-theme=dark] .status-badge.status-active{background:#4caf50;color:#fff}.status-badge.status-deactivated{background:#ffebee;color:#c62828}[data-theme=dark] .status-badge.status-deactivated{background:#ef5350;color:#fff}.visibility-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.visibility-badge.visibility-private{background:#f3e5f5;color:#7b1fa2}[data-theme=dark] .visibility-badge.visibility-private{background:#9c27b0;color:#fff}.visibility-badge.visibility-public{background:#e3f2fd;color:#1565c0}[data-theme=dark] .visibility-badge.visibility-public{background:#2196f3;color:#fff}.visibility-badge.visibility-edit{background:#fff3e0;color:#ef6c00}[data-theme=dark] .visibility-badge.visibility-edit{background:#ff9800;color:#fff}.userspace-empty-message{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.userspace-table tbody tr:hover{background:var(--color-hover)}.userspace-table .header-cell{text-align:center;height:110px;vertical-align:top;position:relative;border:1px solid var(--color-border)}.userspace-table th,.userspace-table td{padding:4px 8px;font-size:13px;line-height:1.3}.userspace-table .header-title{position:absolute;top:5px;left:50%;transform:translate(-50%)}.userspace-table .header-filter{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:11px}.userspace-table .edit-history-cell{padding:0!important;max-width:100%!important;width:100%!important}.edit-history-container{width:100%;overflow:hidden;box-sizing:border-box;padding:0;margin:0;border:none}.userspace-history-title{text-align:left;font-weight:700}.userspace-history-item{border:1px solid #e2e8f0;border-radius:2px;line-height:1.2;text-align:left}.icon-button{padding:6px;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.icon-button-blue{background:#e3f2fd;color:#1565c0}.icon-button-blue:hover{background:#1565c0;color:#fff}.icon-button-green{background:#e8f5e9;color:#2e7d32}.icon-button-green:hover{background:#2e7d32;color:#fff}.icon-button-red{background:#ffebee;color:#c62828}.icon-button-red:hover{background:#c62828;color:#fff}.icon-button-gray{background:#f5f5f5;color:#616161}.icon-button-gray:hover{background:#616161;color:#fff}[data-theme=dark] .icon-button-blue{background:#1976d2;color:#fff}[data-theme=dark] .icon-button-blue:hover{background:#1565c0}[data-theme=dark] .icon-button-green{background:#388e3c;color:#fff}[data-theme=dark] .icon-button-green:hover{background:#2e7d32}[data-theme=dark] .icon-button-red{background:#d32f2f;color:#fff}[data-theme=dark] .icon-button-red:hover{background:#c62828}[data-theme=dark] .icon-button-gray{background:#757575;color:#fff}[data-theme=dark] .icon-button-gray:hover{background:#616161}@media(max-width:1280px){.userspace-title-group{width:100%}.userspace-filters-section{gap:16px}}.lessons-carousel-container{width:calc(100% + 30px + 6rem);margin-left:-30px;margin-right:-6rem;position:fixed;bottom:0;left:0;right:0;z-index:100}.lessons-carousel-toggle{position:fixed;bottom:48px;right:0;background:#fff;border:2px solid var(--color-border);border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:6px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:101;width:26px;height:30px}[data-theme=dark] .lessons-carousel-toggle{background:var(--color-bg-secondary)}.lessons-carousel-toggle:hover{border-left-color:var(--color-text-primary);border-top-color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.lessons-carousel-show-button{position:fixed;bottom:48px;right:0;background:#fff;border:2px solid var(--color-border);border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:6px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:101;width:28px;height:32px}[data-theme=dark] .lessons-carousel-show-button{background:var(--color-bg-secondary)}.lessons-carousel-show-button:hover{border-left-color:var(--color-text-primary);border-top-color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.lessons-carousel-label{color:var(--color-text-secondary);font-size:14px;line-height:1.2;opacity:.85;position:fixed;right:38px;bottom:55px;text-align:right}.lessons-carousel{display:flex;gap:.6rem;overflow-x:hidden;padding:.5rem 0 .15rem;position:relative}.lessons-carousel-track{display:flex;gap:.6rem;animation:scroll-left 175s linear infinite}@keyframes scroll-left{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.lesson-carousel-card{background:#fff;border:2px solid var(--color-border);border-radius:12px;padding:.35rem .65rem;box-sizing:border-box;cursor:pointer;transition:border-color .3s ease;width:180px;height:44px;display:flex;align-items:center;gap:.45rem;flex-shrink:0}[data-theme=dark] .lesson-carousel-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.lesson-carousel-card:hover{border-color:var(--color-text-primary)}.lesson-carousel-badges{display:flex;gap:4px;flex-shrink:0}.lesson-carousel-badge{color:#fff;font-size:9px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.lesson-carousel-badge.badge-lesson{background:#475569}.lesson-carousel-badge.badge-note{background:#3b82f6}.lesson-carousel-badge.badge-flashcard{background:#f59e0b}.lesson-carousel-name{font-size:.78rem;font-weight:300;line-height:1.2;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.lessons-carousel-container>div{display:none}.lessons-carousel-toggle,.lessons-carousel-show-button{display:none}}.myspace-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.myspace-title{text-align:left;margin:0;margin-bottom:2rem;color:var(--color-text-primary)}.myspace-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,310px));gap:.5rem;margin-top:1rem;padding-top:.5rem;align-items:stretch;justify-content:start}.myspace-card{background:#fff;border:2px solid var(--color-border);border-radius:24px;padding:1.5rem;cursor:pointer;transition:border-color .3s ease;width:100%;aspect-ratio:1 / 1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem;overflow:hidden}.myspace-card-has-overlay{position:relative}[data-theme=dark] .myspace-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.myspace-card:hover{border-color:var(--color-text-primary)}.myspace-card-icon{color:#3b82f6;margin-bottom:.5rem}.myspace-card.is-classes .myspace-card-icon{color:#475569}.myspace-card.is-flashcards .myspace-card-icon{color:#f59e0b}.myspace-card.is-communities .myspace-card-icon{color:#0f766e}.myspace-card.is-discover .myspace-card-icon{color:#2563eb}.myspace-card.is-meet .myspace-card-icon{color:#e05d5d}[data-theme=dark] .myspace-card-icon{color:#60a5fa}[data-theme=dark] .myspace-card.is-classes .myspace-card-icon{color:#64748b}[data-theme=dark] .myspace-card.is-flashcards .myspace-card-icon{color:#fbbf24}[data-theme=dark] .myspace-card.is-communities .myspace-card-icon{color:#2dd4bf}[data-theme=dark] .myspace-card.is-discover .myspace-card-icon{color:#93c5fd}[data-theme=dark] .myspace-card.is-meet .myspace-card-icon{color:#fca5a5}.myspace-card-title{font-size:1.6rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.3;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.myspace-card-description{font-size:.95rem;color:var(--color-text-secondary);font-weight:500;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.myspace-card-description-mobile{display:none;font-size:.8rem;color:var(--color-text-secondary)}.myspace-card-actions{display:flex;gap:8px;align-items:center;align-self:flex-end;margin-top:auto}.myspace-card-action-icon{position:relative;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:8px;background:transparent;padding:2px}.myspace-card-action-subicon{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;justify-content:center;opacity:.6}.myspace-card.is-classes .myspace-card-action-icon,.myspace-card.is-flashcards .myspace-card-action-icon{color:#64748b}.myspace-card.is-communities .myspace-card-action-icon{color:#0f766e}.myspace-card.is-discover .myspace-card-action-icon{color:#2563eb}.myspace-card.is-meet .myspace-card-action-icon{color:#e05d5d}.myspace-card-action-icon:hover,.myspace-card.is-classes .myspace-card-action-icon:hover,.myspace-card.is-flashcards .myspace-card-action-icon:hover{background:#f1f5f9;color:#475569}.myspace-card.is-communities .myspace-card-action-icon:hover{background:#ccfbf1;color:#115e59}.myspace-card.is-discover .myspace-card-action-icon:hover{background:#dbeafe;color:#1d4ed8}.myspace-card.is-meet .myspace-card-action-icon:hover{background:#fee2e2;color:#c24141}[data-theme=dark] .myspace-card-action-icon{color:#64748b;background:transparent}[data-theme=dark] .myspace-card.is-classes .myspace-card-action-icon,[data-theme=dark] .myspace-card.is-flashcards .myspace-card-action-icon{color:#64748b}[data-theme=dark] .myspace-card.is-communities .myspace-card-action-icon{color:#5eead4}[data-theme=dark] .myspace-card.is-discover .myspace-card-action-icon{color:#93c5fd}[data-theme=dark] .myspace-card.is-meet .myspace-card-action-icon{color:#fca5a5}[data-theme=dark] .myspace-card-action-icon:hover,[data-theme=dark] .myspace-card.is-classes .myspace-card-action-icon:hover,[data-theme=dark] .myspace-card.is-flashcards .myspace-card-action-icon:hover{background:#64748b;color:#fff}[data-theme=dark] .myspace-card.is-communities .myspace-card-action-icon:hover{background:#5eead433;color:#ccfbf1}[data-theme=dark] .myspace-card.is-discover .myspace-card-action-icon:hover{background:#93c5fd33;color:#dbeafe}[data-theme=dark] .myspace-card.is-meet .myspace-card-action-icon:hover{background:#fca5a52e;color:#fee2e2}.myspace-folder-creator{position:absolute;bottom:8px;left:8px;right:8px}.myspace-folder-textarea{width:100%;height:auto;min-height:1.2em;resize:none;overflow:hidden;padding:4px 6px}.myspace-folder-actions{margin-top:8px}@media(max-width:1280px){.myspace-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:0;padding-bottom:60px}.myspace-card{width:140px;min-height:0;height:150px;aspect-ratio:auto;padding:.6rem .6rem .3rem;gap:.2rem;border-radius:20px}.myspace-card-icon{margin-bottom:.6rem}.myspace-card-icon svg{width:20px!important;height:20px!important}.myspace-card-title{font-size:1rem;font-weight:400;line-height:1.15;-webkit-line-clamp:2;line-clamp:2}.myspace-card-description{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.myspace-card-description:before{content:"";display:none}.myspace-card-description{font-size:0}.myspace-card-description-mobile{display:block;font-size:.78rem;line-height:1.1;margin-bottom:.6rem}.myspace-card-action-icon{width:30px;height:30px}.myspace-card-action-icon svg{width:14px!important;height:14px!important}.myspace-card-action-subicon{top:3px;left:3px}.myspace-card-action-subicon svg{width:7px!important;height:7px!important}.myspace-card-actions{margin-top:0;gap:.2rem;min-height:30px}.lessons-carousel{display:none}}.communities-page{--communities-square-size: 170px;--communities-square-gap: .5rem;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:4rem}.communities-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.communities-back-button{display:inline-flex;align-items:center;gap:.5rem}.communities-about{display:flex;flex-direction:column;gap:.45rem;border-radius:24px;padding:.95rem 1rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.communities-about h2{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600}.communities-about p{margin:0;color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.communities-action-button{background:#fff;border:2px solid var(--color-border)!important;box-shadow:none;color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}[data-theme=dark] .communities-action-button{background:var(--color-bg-secondary)}.communities-action-button:hover:not(:disabled){background:#fff!important;color:var(--color-text-primary)!important;border-color:var(--color-text-primary)!important}[data-theme=dark] .communities-action-button:hover:not(:disabled){background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important}.communities-action-button-round{width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;border-radius:50%!important;position:relative}.communities-action-button-pill{min-height:40px;padding:.7rem 1rem!important;border-radius:999px!important;gap:.45rem}.communities-new-community-button:after{content:"+";position:absolute;right:4px;bottom:3px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;color:#2a5faa;background:var(--color-bg-primary);border-radius:50%}[data-theme=dark] .communities-new-community-button:after{background:var(--color-bg-secondary)}.communities-action-button-danger{color:#dc3545}.communities-action-button-danger:hover:not(:disabled){color:#dc3545!important}.communities-action-button-success{color:#198754}.communities-action-button-success:hover:not(:disabled){color:#198754!important}.communities-share-banner{display:flex;align-items:center;gap:.75rem;border:1px solid var(--color-border);border-radius:20px;padding:1rem 1.25rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.communities-join-code-card{justify-content:flex-start;gap:.6rem;padding-top:.75rem}.communities-join-code-input{min-height:34px;height:34px;padding:0 .7rem;border-radius:12px;font-size:.82rem;line-height:34px;text-align:left}.communities-join-code-button{margin-top:auto;align-self:flex-start}.communities-join-code-input::placeholder{font-size:.76rem;color:var(--color-text-secondary)}.communities-create-card,.communities-card,.communities-empty-card{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);padding:1.25rem;color:var(--color-text-primary)}.communities-create-card{display:flex;flex-direction:column;gap:.75rem}.communities-create-square-card{gap:.5rem}.communities-input,.communities-textarea{width:100%;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:.85rem 1rem;font:inherit}.communities-textarea{resize:vertical}.communities-create-card-input,.communities-create-card-textarea{padding:.55rem .7rem;border-radius:12px;font-size:.8rem;min-height:40px}.communities-create-card-input::placeholder,.communities-create-card-textarea::placeholder{color:var(--color-text-secondary)}.communities-create-card-textarea{height:40px;resize:none}.communities-create-actions,.communities-card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.communities-create-actions{gap:.45rem}.communities-create-limit{margin:0;font-size:.72rem;color:#dc3545;line-height:1.3}.communities-restore-limit{margin:0;font-size:.95rem;color:#dc3545;line-height:1.5}.communities-section{display:flex;flex-direction:column;gap:1rem;flex:0 1 auto;min-width:0;max-width:100%}.communities-primary-sections{display:flex;flex-wrap:wrap;gap:.5rem;align-items:start}.communities-invites-section{scroll-margin-top:5.5rem;width:auto}.communities-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:40px}.communities-section-title-group{display:flex;align-items:center;gap:.5rem;min-height:40px}.communities-section-header h2{margin:0;font-size:1.2rem;font-weight:500;color:var(--color-text-primary)}.communities-section-header span{min-width:34px;height:34px;border-radius:999px;background:var(--color-bg-primary);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.communities-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.communities-card-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.communities-invite-card-top{align-items:center;margin-bottom:0}.communities-invite-card-main{flex:1;min-width:0}.communities-invite-card .communities-badges{flex-direction:row;align-items:center}.communities-invite-card-actions{justify-content:flex-end;flex-wrap:nowrap;gap:.45rem;margin-left:auto}.communities-card h3,.communities-empty-card{margin:0}.communities-card p{margin:.5rem 0 0;color:var(--color-text-secondary);line-height:1.5}.communities-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.communities-badges span{border-radius:999px;background:var(--color-bg-primary);border:1px solid var(--color-border);padding:.2rem .65rem;color:var(--color-text-primary);white-space:nowrap;font-size:.85rem}.communities-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-border);color:var(--color-text-primary);text-decoration:none;background:var(--color-bg-primary)}.communities-link-button:hover{border-color:var(--color-text-primary)}.communities-link-button.communities-action-button-round{border:2px solid var(--color-border)!important;padding:0!important;background:#fff!important}[data-theme=dark] .communities-link-button.communities-action-button-round{background:var(--color-bg-secondary)!important}.communities-empty-card{color:var(--color-text-secondary);line-height:1.6}.communities-card-archived{opacity:.92}.communities-card-clickable{cursor:pointer;transition:border-color .3s ease}.communities-card-clickable:hover{border-color:var(--color-text-primary)}.communities-card-paused{border-color:#94a3b8}.communities-card-paused:hover{border-color:#64748b}.communities-square-card{border:2px solid var(--color-border);border-radius:30px;background:#fff;padding:.75rem;color:var(--color-text-primary);width:170px;height:170px;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;flex-shrink:0;overflow:hidden;position:relative;transition:border-color .3s ease}.communities-square-card:hover{border-color:var(--color-text-primary)}[data-theme=dark] .communities-square-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.communities-square-card h3{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.2;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:flex-start}.communities-paused-label{align-self:flex-start;border:1px solid #94a3b8;border-radius:999px;color:#64748b;font-size:.72rem;font-weight:600;line-height:1;padding:.25rem .45rem}[data-theme=dark] .communities-paused-label{border-color:#64748b;color:#cbd5e1}.communities-square-card p{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.communities-invite-card h3{-webkit-line-clamp:2;min-height:2.16rem}.communities-request-card-status{-webkit-line-clamp:2}.communities-request-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.45rem;margin-top:auto}.communities-request-card-footer .communities-square-card-icons{min-width:0;flex:1}.communities-square-card-icons{display:flex;gap:.5rem;margin-bottom:0;color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.communities-square-card-icons span{display:flex;align-items:center;gap:.25rem}.communities-square-card-icons span:first-child{color:#3b82f6}.communities-square-card-icons span:last-child{color:var(--color-text-secondary)}.communities-square-card-actions{display:flex;gap:.35rem;margin-top:auto}.communities-action-stack{position:relative;display:inline-flex;width:40px;min-width:40px;height:40px;flex:0 0 40px}.communities-inline-confirm{position:absolute;bottom:0;left:0;display:flex;flex-direction:column-reverse;gap:.35rem;z-index:4}.communities-square-card-rename-input{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:.25rem .4rem;font:inherit;font-size:.9rem}.communities-square-card-date{font-size:.75rem;color:var(--color-text-secondary)}.communities-square-card-empty{color:var(--color-text-secondary);font-size:.85rem;justify-content:center;align-items:center;text-align:center}@media(max-width:1280px){.communities-page{--communities-square-size: 140px;gap:1rem;padding-bottom:5rem}.communities-create-actions,.communities-card-actions{width:100%}.communities-action-button-round{width:32px;min-width:32px;min-height:32px;height:32px}.communities-action-button-pill{min-height:32px;width:100%;justify-content:center}.communities-action-stack{width:32px;min-width:32px;height:32px;flex-basis:32px}.communities-square-card{width:100%;min-width:0;max-width:none;height:150px;flex:1 1 100%;box-sizing:border-box}.communities-new-community-button:after{right:2px;bottom:1px;width:10px;height:10px;font-size:8px}.communities-primary-sections{display:flex;flex-wrap:wrap;gap:.5rem;align-items:start}.communities-section,.communities-invites-section{width:calc((100% - .5rem)/2);min-width:0;flex:0 0 calc((100% - .5rem)/2)}.communities-grid{width:100%;min-width:0}.communities-grid{column-gap:.5rem;row-gap:.35rem}.communities-square-card h3{font-weight:400;font-size:.82rem}.communities-square-card-icons{font-size:.7rem}.communities-card-top{flex-direction:column}.communities-invite-card-top{align-items:stretch}.communities-invite-card .communities-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.communities-invite-card-actions{justify-content:flex-start;margin-left:0;flex-wrap:wrap}.communities-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}.community-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#2a5faa;color:#fff;font-weight:700;line-height:1;text-decoration:none;letter-spacing:0}.community-avatar-medium{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.2rem}.community-avatar-large{width:72px;min-width:72px;height:72px;min-height:72px;font-size:1.8rem}a.community-avatar{cursor:pointer;transition:box-shadow .2s ease}a.community-avatar:hover{box-shadow:0 0 0 4px #2a5faa29}a.community-avatar:focus-visible{outline:none;box-shadow:0 0 0 4px #2a5faa3d}.study-lessons-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.study-lesson-card{background:#fff;border:2px solid var(--color-border);border-radius:30px;padding:.75rem;cursor:pointer;transition:border-color .3s ease;width:170px;height:170px;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;flex-shrink:0;position:relative}[data-theme=dark] .study-lesson-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.study-lesson-card:hover{border-color:var(--color-text-primary)}.study-lesson-icon{font-size:25px;color:#3b82f6}[data-theme=dark] .study-lesson-icon{color:#60a5fa}.study-lesson-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.2;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;align-self:flex-start;margin:0}.study-lesson-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.25rem;margin-top:auto}.study-lesson-actions{display:flex;gap:.25rem}.study-lesson-count{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.study-lesson-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.study-lesson-btn:hover{background:#f1f5f9;color:#475569}[data-theme=dark] .study-lesson-btn:hover{background:#64748b;color:#fff}.study-lesson-btn.save-mode{color:#2e7d32}.study-lesson-btn.save-mode:hover{background:#e8f5e8;color:#1b5e20}[data-theme=dark] .study-lesson-btn.save-mode{color:#4caf50}[data-theme=dark] .study-lesson-btn.save-mode:hover{background:#4caf50;color:#fff}.study-lesson-delete-btn{background:transparent;border:none;color:#c62828;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.study-lesson-delete-btn:hover{background:#ffebee;color:#b71c1c}[data-theme=dark] .study-lesson-delete-btn:hover{background:#ef5350;color:#fff}.study-create-card{display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border)!important;background:transparent!important;color:var(--color-text-secondary)}.study-create-card:hover{border-color:#3b82f6!important;color:#3b82f6}[data-theme=dark] .study-create-card:hover{border-color:#60a5fa!important;color:#60a5fa}.folder-name-input,.folder-name-textarea{font-size:.9rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid #1976d2;border-radius:4px;padding:4px 6px;width:100%;outline:none;font-family:inherit;line-height:1.2}.folder-name-textarea{resize:none;overflow:hidden;word-wrap:break-word;white-space:pre-wrap}[data-theme=dark] .folder-name-input,[data-theme=dark] .folder-name-textarea{background:var(--color-bg-secondary);border-color:#1976d2;color:var(--color-text-primary)}.delete-confirmation-in-card,.subfolder-create-in-card{position:absolute;bottom:8px;left:8px;right:8px;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:22px;padding:8px 12px;z-index:100;pointer-events:auto}.delete-confirmation-in-card{border-color:#ef4444}[data-theme=dark] .delete-confirmation-in-card,[data-theme=dark] .subfolder-create-in-card{background:var(--color-bg-secondary)}.delete-text{font-size:.8rem;color:var(--color-text-primary);font-weight:500}.delete-actions{display:flex;gap:4px}.delete-confirm-btn,.delete-cancel-btn,.create-confirm-btn{background:transparent;border:1px solid;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.create-confirm-btn{border-color:#1976d2;color:#1976d2}.study-button{padding:10px 18px;border:2px solid var(--color-border);border-radius:6px;font-size:14px;font-weight:600;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.study-button:hover:not(:disabled){border-color:var(--color-text-primary)}.study-button:disabled{opacity:.25;cursor:not-allowed}.study-button-right{margin-left:auto}@media(max-width:1280px){.study-lesson-icon{font-size:1px}.study-lesson-card{width:140px;height:150px}.study-lesson-count{font-size:.7rem}.study-lesson-name{font-weight:400;font-size:.82rem}.study-lessons-grid{gap:.5rem}}.community-details-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.community-details-top-row{display:flex;flex-direction:column;gap:1rem}.community-details-top-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.35rem}.community-details-hero,.community-details-card{border-radius:24px;background:var(--color-bg-primary);padding:1.25rem}.community-details-card{border:1px solid var(--color-border)}.community-details-hero{display:flex;flex-direction:column;gap:.5rem;width:max-content;max-width:100%;box-sizing:border-box}.community-details-hero-copy{display:flex;flex-direction:column;gap:.5rem;min-width:0;width:275px;max-width:275px;flex:0 0 275px}.community-details-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.community-details-title-row h1{margin:0;color:var(--color-text-primary);font-size:1.5rem}.community-details-inline-code{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.82rem;line-height:1.4;min-width:0;max-width:100%}.community-details-inline-code strong{color:var(--color-text-primary);font-weight:600;letter-spacing:0}.community-details-inline-code-copy{width:26px;min-width:26px;height:26px;min-height:26px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.community-details-inline-code-copy:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-primary)}.community-details-invite-card{display:flex;flex-direction:column;gap:.5rem;width:170px;padding-top:.75rem}.community-details-owner-tools{display:flex;flex-wrap:wrap;flex:1 0 708px;gap:.6rem;min-width:min(100%,708px)}.community-details-hero h1{margin:0;color:var(--color-text-primary);font-size:1.5rem}.community-details-card-header h2{margin:0;color:var(--color-text-primary);font-size:1.2rem;font-weight:500}.community-details-card-title-compact{font-size:1.05rem!important}.community-details-hero p{margin:.5rem 0 0;color:var(--color-text-secondary);line-height:1.6}.community-details-description-line{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-details-board-preview{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);padding:.9rem 1rem;cursor:pointer;transition:border-color .3s ease;width:100%;box-sizing:border-box}.community-details-board-preview:hover{border-color:var(--color-text-primary)}.community-details-board-preview.has-content,.community-details-board-preview-empty{width:100%;max-width:100%;border-radius:18px}.community-details-board-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.community-details-board-preview-title-group{display:flex;align-items:center;gap:.75rem}.community-details-board-preview-icon{width:34px;min-width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:#2a5faa}.community-details-board-preview-title-group p{margin:0;color:var(--color-text-secondary);line-height:1.5}.community-details-board-preview-link{color:var(--color-text-secondary)}.community-details-board-preview-post{display:block}.community-details-board-preview-post-header{display:flex;align-items:center;gap:.65rem;min-width:0}.community-details-board-preview-summary{display:flex;align-items:center;gap:.55rem;flex-wrap:nowrap;min-width:0;flex:1;overflow:hidden}.community-details-board-preview-post h3{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600;min-width:fit-content;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.community-details-board-preview-snippet{margin:0;color:var(--color-text-secondary);line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.community-details-board-preview-updated{color:var(--color-text-secondary);font-size:.82rem;line-height:1.4;white-space:nowrap}.community-details-stats{display:flex;flex-direction:row;align-items:center;gap:.5rem}.community-details-hero-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.community-details-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.community-details-stats span,.community-details-card-header span{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;background:var(--color-bg-primary);border:2px solid var(--color-border);color:var(--color-text-primary);gap:.2rem;box-sizing:border-box;font-size:.72rem;font-weight:600}.community-details-stats span svg{width:13px;height:13px;flex-shrink:0}.community-details-stats span:first-child{color:#3b82f6}.community-details-stats span:last-child{color:var(--color-text-secondary)}.community-details-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:34px;margin-bottom:1rem}.community-details-card-title-group{display:flex;align-items:center;gap:.5rem;min-height:34px}.community-details-card-header-copy{display:flex;align-items:center;min-height:34px}.community-details-card-header-copy p{margin:0;color:var(--color-text-secondary);line-height:1.6}.community-details-invite-row{display:flex;gap:.75rem;align-items:center}.community-details-section{display:flex;flex-direction:column;gap:1rem;flex:0 0 auto;min-width:170px}.community-details-input{flex:1;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:.72rem .9rem;font:inherit}.community-details-textarea{width:100%;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:.72rem .9rem;font:inherit;resize:vertical;min-height:96px}.community-details-quit-button{align-self:flex-start;margin-top:.5rem}.community-details-edit-block{display:flex;flex-direction:column;gap:.75rem;width:100%}.community-details-edit-title{min-height:52px;resize:none}.community-details-management-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:1rem;align-items:start}.community-details-members-section{width:100%;min-width:0}.community-details-secondary-column{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;align-items:flex-start;min-width:0}.community-details-subsection{display:flex;flex-direction:column;gap:.6rem;align-self:flex-start}.community-details-management-card{justify-content:flex-start;gap:.6rem;padding-top:.75rem}.community-details-management-card-title{color:var(--color-text-primary);font-size:.92rem;font-weight:600;line-height:1.3}.community-details-management-card-empty{color:var(--color-text-secondary);line-height:1.5;font-size:.9rem;margin-top:auto}.community-details-management-invite-copy{min-width:0;display:flex;flex-direction:column;gap:.15rem}.community-details-management-code-row{min-width:0;display:flex;align-items:center}.community-details-management-code-value{display:inline-flex;align-items:center;min-height:34px;padding:0 .7rem;border-radius:12px;border:1px dashed var(--color-border);color:var(--color-text-primary);font-size:.95rem;font-weight:600;letter-spacing:.08em}.community-details-policy-copy{display:flex;align-items:center;min-height:34px}.community-details-policy-copy span{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.82rem;line-height:1.35}.community-details-policy-pill.is-direct,.community-details-policy-pill.is-listed{color:#198754}.community-details-policy-pill.is-approval{color:#b26b00}.community-details-management-invite-name{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;line-height:1.2;word-break:break-word}.community-details-pending-card{justify-content:space-between}.community-details-pending-section{scroll-margin-top:96px;display:flex;flex-direction:column;width:170px;flex:0 0 170px}.community-details-pending-sections{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start}.community-details-pending-section-header{color:var(--color-text-primary);font-size:.82rem;font-weight:600;line-height:1.2}.community-details-pending-grid{display:flex;flex-wrap:wrap;gap:.6rem}.community-details-pending-empty-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start}.community-details-pending-card .community-details-square-card-icons{margin-bottom:0}.community-details-list{display:flex;flex-direction:column;gap:0}.community-details-square-grid{display:flex;flex-wrap:wrap;gap:.6rem}.community-details-member-grid{display:flex;flex-direction:column;gap:1rem}.community-details-members-card{width:285px;min-height:170px;display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem}.community-details-shared-lessons-section{display:flex;flex-direction:column;gap:1rem}.community-details-shared-lessons-section .study-lessons-grid{padding-top:0}.community-details-row{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;background:var(--color-bg-primary)}.community-details-row-main{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.community-details-row-title{color:var(--color-text-primary);font-weight:500;word-break:break-word}.community-details-row-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.community-details-row-actions{display:flex;flex-wrap:wrap;gap:.75rem}.community-details-row-actions-nowrap{flex-wrap:nowrap;align-items:center;justify-content:flex-start}.community-details-action-button{background:#fff;border:2px solid var(--color-border)!important;box-shadow:none;color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}[data-theme=dark] .community-details-action-button{background:var(--color-bg-secondary)}.community-details-action-button:hover:not(:disabled){background:#fff!important;color:var(--color-text-primary)!important;border-color:var(--color-text-primary)!important}[data-theme=dark] .community-details-action-button:hover:not(:disabled){background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important}.community-details-action-button-round{width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;border-radius:50%!important;min-width:unset}.community-details-action-button-danger{color:#dc3545}.community-details-action-button-danger:hover:not(:disabled){color:#dc3545!important}.community-details-action-button-success{color:#198754}.community-details-action-button-success:hover:not(:disabled){color:#198754!important}.community-details-action-button-muted{color:var(--color-text-secondary)}.community-details-action-button-muted:hover:not(:disabled){color:var(--color-text-primary)!important}.community-details-owner-badge,.community-details-member-badge{color:var(--color-text-secondary);cursor:pointer}.community-details-current-user-badge{color:#3b82f6}.community-details-deactivated-member-badge{color:#b26b00}.community-details-action-stack{position:relative;display:inline-flex;width:40px;min-width:40px;height:40px;flex:0 0 40px}.community-details-inline-confirm{position:absolute;bottom:0;left:0;display:flex;flex-direction:column-reverse;gap:.35rem;z-index:4}.community-details-action-stack-down .community-details-inline-confirm{top:0;bottom:auto;flex-direction:column}.community-details-inline-confirm-row{flex-direction:row!important}.community-details-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--color-border);color:var(--color-text-primary);background:var(--color-bg-primary);text-decoration:none}.community-details-link.community-details-action-button-round{border:2px solid var(--color-border)!important;padding:0!important;background:#fff!important}[data-theme=dark] .community-details-link.community-details-action-button-round{background:var(--color-bg-secondary)!important}.community-details-empty{color:var(--color-text-secondary);line-height:1.6}.community-details-paused{display:flex;align-items:center;gap:1rem;width:min(560px,100%);border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);padding:1.25rem;color:var(--color-text-primary)}.community-details-paused h1{margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.community-details-paused p{margin:0;color:var(--color-text-secondary);line-height:1.5}.community-details-empty-card{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;border-radius:18px}.community-details-square-card{border:2px solid var(--color-border);border-radius:30px;background:#fff;width:170px;height:170px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;padding:.75rem;transition:border-color .3s ease}.community-details-square-card:hover{border-color:var(--color-text-primary)}[data-theme=dark] .community-details-square-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.community-details-member-card{width:285px;min-height:170px;display:flex;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:.9rem 1rem}.community-details-member-main{min-width:0;max-width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:40px;justify-content:center;text-align:left}.community-details-member-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:.75rem;width:100%;min-width:0}.community-details-member-row-deactivated{opacity:.82}.community-details-member-inline{flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:nowrap;max-width:100%;min-width:0}.community-details-member-inline .community-details-row-title{min-width:0;flex:1 1 auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.community-details-member-inline .community-details-row-meta{flex:0 0 auto}.community-details-square-card-main{min-width:0}.community-details-square-card-icons{display:flex;gap:.5rem;margin-bottom:0;color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.community-details-square-card-icons span{display:inline-flex;align-items:center;gap:.25rem}.community-details-square-card-actions{display:flex;gap:.35rem;margin-top:auto}.community-details-compact-input{flex:0 0 auto;height:34px;min-height:34px;padding:0 .7rem;font-size:.82rem;line-height:34px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;text-align:left}.community-details-compact-input::placeholder{font-size:.76rem}.community-details-lesson-link{position:absolute;cursor:pointer;padding:4px;border-radius:4px}.community-details-lesson-link-main{top:6px;left:12px;color:#475569}.community-details-lesson-link-notes{top:12px;left:56px;color:#3b82f6}.community-details-lesson-link-flashcards{top:12px;left:92px;color:#f59e0b}.community-details-lesson-spacer{height:32px}@media(max-width:1280px){.community-details-page{padding-bottom:5rem}.community-details-hero{width:fit-content;max-width:100%;box-sizing:border-box;padding:.9rem 0}.community-details-hero-copy{width:100%;max-width:100%}.community-details-top-grid{flex-direction:column;width:100%;gap:.75rem}.community-details-owner-tools{flex:0 1 auto;width:100%;min-width:0}.community-details-hero-copy{width:100%;max-width:100%;flex:0 1 auto}.community-details-top-row,.community-details-hero,.community-details-invite-row{flex-direction:column}.community-details-title-row{flex-direction:column;align-items:flex-start}.community-details-inline-code{font-size:.78rem}.community-details-inline-code-copy{width:24px;min-width:24px;height:24px;min-height:24px}.community-details-invite-card{width:140px;min-width:140px;height:150px;max-width:none;padding-top:.5rem;min-height:150px}.community-details-invite-card.community-details-square-card{width:140px;min-width:140px;height:150px}.community-details-pending-section{width:140px;min-width:140px;max-width:100%;flex:0 0 140px}.community-details-board-preview,.community-details-board-preview.has-content,.community-details-board-preview-empty{width:285px;max-width:100%}.community-details-board-preview-post-header{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon updated" "icon summary";align-items:start;column-gap:.65rem;row-gap:.2rem}.community-details-board-preview-summary{grid-area:summary;flex-direction:column;align-items:flex-start;gap:.15rem}.community-details-board-preview-icon{grid-area:icon}.community-details-board-preview-updated{grid-area:updated;justify-self:start}.community-details-board-preview-divider,.community-details-board-preview-link{display:none}.community-details-board-preview-post h3{max-width:100%}.community-details-board-preview-snippet{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.community-details-management-grid{grid-template-columns:1fr}.community-details-hero-toolbar{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:.75rem}.community-details-stats{align-items:center;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto}.community-details-stats span{width:32px;min-width:32px;height:32px;min-height:32px;font-size:.68rem;gap:.15rem}.community-details-stats span svg{width:11px;height:11px}.community-details-hero-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0}.community-details-row-actions{width:100%}.community-details-member-row{align-items:center}.community-details-member-main{min-height:32px}.community-details-member-inline{flex-wrap:wrap;row-gap:.15rem}.community-details-action-button-round{width:32px;min-width:unset;min-height:32px;height:32px}.community-details-action-stack{width:32px;min-width:32px;height:32px;flex-basis:32px}.community-details-section,.community-details-members-section,.community-details-secondary-column{width:100%;min-width:0}.community-details-square-card{width:140px;min-width:140px;height:150px;flex:0 0 140px}.community-details-management-card-title,.community-details-management-invite-name{font-weight:400;font-size:.82rem}.community-details-square-card-icons{font-size:.7rem}.community-details-square-card-actions{width:100%;justify-content:flex-start}.community-details-member-card{width:285px;min-height:0}.community-details-members-card{width:285px;max-width:100%;box-sizing:border-box}.community-details-row-actions-nowrap{width:auto;margin-left:0}}.community-board-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.community-board-card{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);padding:1rem 1.1rem}.community-board-hero{padding:0}.community-board-header{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem}.community-board-title-group{display:flex;align-items:center;gap:.55rem}.community-board-title-icon{display:inline-flex;align-items:center;justify-content:center;color:#2a5faa}.community-board-title-group h1{margin:0;color:var(--color-text-primary);font-size:1.5rem}.community-board-actions{display:none}.community-board-action-button{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:50%!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:2px solid var(--color-border)!important;color:var(--color-text-primary);box-shadow:none;position:relative;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.community-board-action-button:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-text-secondary)!important}.community-board-action-button:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:2px}.community-board-action-button:disabled{opacity:.55;cursor:not-allowed}.community-board-action-button-success{color:#198754}.community-board-action-button-board:after{content:"+";position:absolute;right:6px;bottom:4px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-primary);color:#2a5faa;font-size:10px;font-weight:700;line-height:1}.community-board-action-button-danger{color:#dc3545}[data-theme=dark] .community-board-action-button{background:var(--color-bg-secondary);border-color:#ffffff2e!important;color:var(--color-text-primary)}[data-theme=dark] .community-board-action-button:hover:not(:disabled){background:#ffffff14;border-color:#ffffff52!important}[data-theme=dark] .community-board-action-button-board:after{background:var(--color-bg-secondary)}[data-theme=dark] .community-board-action-button-success{color:#58c77a}[data-theme=dark] .community-board-action-button-danger{color:#ff7b88}.community-board-edit{display:flex;flex-direction:column;gap:.75rem}.community-board-input,.community-board-textarea{width:100%;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:.85rem 1rem;font:inherit;box-sizing:border-box}.community-board-textarea{resize:vertical;min-height:320px;line-height:1.6}.community-board-post{display:flex;flex-direction:column;gap:.55rem}.community-board-post-header{display:flex;align-items:center;gap:.65rem}.community-board-post-icon{width:34px;min-width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:#2a5faa}.community-board-content-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:nowrap;min-width:0;flex:1}.community-board-content h2,.community-board-empty h2{margin:0;color:var(--color-text-primary);font-size:1.2rem;font-weight:600}.community-board-updated{color:var(--color-text-secondary);font-size:.82rem;line-height:1.4;white-space:nowrap;margin:0 0 0 auto}.community-board-content h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.community-board-body{margin-top:0;color:var(--color-text-primary)}.community-board-body p,.community-board-empty p{margin:0 0 .65rem;line-height:1.7;color:var(--color-text-primary)}.community-board-empty p{color:var(--color-text-secondary)}@media(max-width:1280px){.community-board-page{padding-bottom:5rem}.community-board-header{flex-direction:column;align-items:flex-start}.community-board-action-button{width:32px;min-width:32px;height:32px;min-height:32px}.community-board-title-group{gap:.65rem}.community-board-action-button-board:after{right:5px;bottom:3px;width:10px;height:10px;font-size:8px}.community-board-textarea{min-height:220px}.community-board-post-header{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon updated" "icon content";align-items:start;column-gap:.65rem;row-gap:.2rem}.community-board-post-icon{grid-area:icon}.community-board-content-header{grid-area:content;flex-direction:column;align-items:flex-start;gap:.15rem}.community-board-updated{grid-area:updated;margin-left:0}.community-board-content h2{max-width:100%;white-space:normal;overflow:visible;text-overflow:unset}}.public-profile-page{width:100%;max-width:1180px;margin:0 auto;padding:80px 24px 64px;color:var(--color-text-primary)}.public-profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.public-profile-header h1{margin:0;font-size:2rem;line-height:1.2}.public-profile-header p{margin:8px 0 0;color:var(--color-text-secondary);line-height:1.5}.public-profile-title-block{min-width:0}.public-profile-title-row{display:flex;align-items:center;gap:.65rem;min-width:0}.public-profile-view-button,.public-profile-back-button,.public-profile-save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.public-profile-note-button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:#2a5faa;box-shadow:none;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] .public-profile-note-button{background:var(--color-bg-secondary)}.public-profile-note-button:hover:not(:disabled){border-color:var(--color-text-primary);background:var(--color-bg-secondary);color:var(--color-text-primary)}.public-profile-note-button:focus-visible{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa2e}.public-profile-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:start}.public-profile-form{display:flex;flex-direction:column;gap:16px;min-width:0}.public-profile-section,.public-profile-preview,.public-profile-public-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px}.public-profile-section{padding:20px}.public-profile-section h2,.public-profile-preview h2,.public-profile-public-card h2{margin:0 0 16px;color:var(--color-text-primary);font-size:1.15rem;line-height:1.3}.public-profile-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.public-profile-field:last-child{margin-bottom:0}.public-profile-field label{color:var(--color-text-secondary);font-weight:600;font-size:.95rem}.public-profile-field input,.public-profile-field textarea{width:100%;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-primary);padding:10px 12px;font:inherit;line-height:1.5}.public-profile-field textarea{resize:vertical;min-height:112px}.public-profile-field input:focus,.public-profile-field textarea:focus{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa29}.public-profile-counter{align-self:flex-end;color:var(--color-text-secondary);font-size:.8rem}.public-profile-visibility-toggle{width:fit-content;max-width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-secondary);padding:10px 12px;font:inherit;font-weight:600;text-align:center;cursor:pointer}.public-profile-visibility-toggle.is-visible{color:#198754;border-color:#19875473}[data-theme=dark] .public-profile-field input,[data-theme=dark] .public-profile-field textarea,[data-theme=dark] .public-profile-visibility-toggle{background:var(--color-bg-primary)}.public-profile-visibility-toggle:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.public-profile-visibility-toggle:disabled{cursor:default}.public-profile-visibility-toggle:disabled:hover{border-color:var(--color-border)}.public-profile-help{margin:10px 0 0;color:var(--color-text-secondary);line-height:1.5;font-size:.92rem}.public-profile-actions{display:flex;justify-content:flex-end}.public-profile-note-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000006b}.public-profile-note-modal{width:min(520px,100%);display:flex;flex-direction:column;gap:14px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:16px}.public-profile-note-header,.public-profile-note-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.public-profile-note-header h2,.public-profile-note-header p{margin:0}.public-profile-note-header p,.public-profile-note-actions span{color:var(--color-text-secondary);line-height:1.5;font-size:.86rem}.public-profile-note-actions span.is-limit-reached{color:#dc3545;font-weight:600}.public-profile-note-close{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;border:1px solid var(--color-border);background:#fff;color:#dc3545}.public-profile-note-textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-primary);padding:12px;font:inherit;line-height:1.5}[data-theme=dark] .public-profile-note-close,[data-theme=dark] .public-profile-note-textarea{background:var(--color-bg-secondary)}.public-profile-note-textarea:focus{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa29}.public-profile-note-actions{align-items:center}.public-profile-preview{position:sticky;top:82px;padding:22px;min-width:0}.public-profile-preview-avatar{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;background:#2a5faa;color:#fff;font-size:1.8rem;font-weight:700}.public-profile-preview p{margin:0;color:var(--color-text-secondary);line-height:1.6;overflow-wrap:anywhere}.public-profile-preview-interests{display:inline-flex;max-width:100%;margin-top:16px;padding:8px 10px;border:1px solid rgba(25,135,84,.45);border-radius:6px;color:#198754;background:#19875414;line-height:1.4;overflow-wrap:anywhere}.public-profile-view-page{max-width:900px}.public-profile-public-card{display:flex;align-items:flex-start;gap:20px;padding:24px}.public-profile-public-avatar{flex:0 0 72px;width:72px;height:72px;margin-bottom:0}.public-profile-public-copy{min-width:0}.public-profile-public-copy h2{margin-bottom:8px}.public-profile-public-copy p{margin:0 0 16px;color:var(--color-text-secondary);line-height:1.7;overflow-wrap:anywhere}.public-profile-public-meta,.public-profile-private-note{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--color-text-secondary);line-height:1.5;overflow-wrap:anywhere}.public-profile-private-note{color:var(--color-text-primary)}@media(max-width:1280px){.public-profile-page{padding:72px 16px 56px}.public-profile-header{align-items:center}.public-profile-layout{grid-template-columns:1fr}.public-profile-preview{position:static}}@media(max-width:640px){.public-profile-header,.public-profile-public-card{flex-direction:column}.public-profile-header{align-items:stretch}.public-profile-view-button,.public-profile-back-button,.public-profile-save-button{width:100%}.public-profile-actions{justify-content:stretch}.public-profile-note-actions{align-items:stretch;flex-direction:column}}.discover-communities-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.discover-communities-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.discover-communities-back-button,.discover-communities-join-button,.discover-communities-cancel-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-primary);box-shadow:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.discover-communities-back-button,.discover-communities-join-button{padding:.75rem 1rem}.discover-communities-cancel-button{width:40px;min-width:40px;height:40px;padding:0;color:#2a5faa}.discover-communities-cancel-button[aria-label="Cancel join request"],.discover-communities-cancel-button[aria-label=Close]{color:#dc3545}[data-theme=dark] .discover-communities-back-button,[data-theme=dark] .discover-communities-join-button,[data-theme=dark] .discover-communities-cancel-button{background:var(--color-bg-secondary)}.discover-communities-back-button:hover:not(:disabled),.discover-communities-join-button:hover:not(:disabled),.discover-communities-cancel-button:hover:not(:disabled){border-color:var(--color-text-primary);color:var(--color-text-primary)}.discover-communities-back-button:focus-visible,.discover-communities-join-button:focus-visible,.discover-communities-cancel-button:focus-visible{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa2e}.discover-communities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:.5rem;justify-content:start}.discover-communities-card,.discover-communities-empty{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);padding:1rem}.discover-communities-card{display:flex;flex-direction:column;gap:.8rem;min-width:0;min-height:300px;max-width:300px;transition:border-color .3s ease}.discover-communities-card:hover{border-color:var(--color-text-primary)}.discover-communities-empty{color:var(--color-text-secondary);line-height:1.6;grid-column:1 / -1}.discover-communities-card-top,.discover-communities-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.discover-communities-card-top{min-height:32px}.discover-communities-card-badges,.discover-communities-meta{display:flex;flex-wrap:wrap;gap:.5rem}.discover-communities-card-badges{flex-wrap:nowrap;flex:0 0 auto}.discover-communities-mode{min-width:0}.discover-communities-title-row{display:flex;align-items:center;gap:.75rem;min-width:0}.discover-communities-meta{flex-direction:column;align-items:flex-start}.discover-communities-card-badges span,.discover-communities-meta span,.discover-communities-state-pill,.discover-communities-mode-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8rem}.discover-communities-mode-pill{max-width:100%;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-communities-mode-pill.is-direct{color:#198754}.discover-communities-mode-pill.is-approval{color:#b26b00}.discover-communities-card h2{margin:0;color:var(--color-text-primary);font-size:1.1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-communities-description{margin:0;color:var(--color-text-secondary);line-height:1.6;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-communities-actions{margin-top:auto;align-items:flex-end;flex-wrap:wrap}.discover-communities-about{display:flex;flex-direction:column;gap:.45rem;border-radius:24px;padding:.95rem 1rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.discover-communities-about h2{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600}.discover-communities-about p{margin:0;color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.discover-communities-note-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000006b}.discover-communities-note-modal{width:min(520px,100%);display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:1rem}.discover-communities-note-header,.discover-communities-note-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.discover-communities-note-header h2,.discover-communities-note-header p{margin:0}.discover-communities-note-header p,.discover-communities-note-actions span{color:var(--color-text-secondary);line-height:1.5;font-size:.86rem}.discover-communities-note-actions span.is-limit-reached{color:#dc3545;font-weight:600}.discover-communities-note-textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-primary);padding:.75rem;font:inherit;line-height:1.5}[data-theme=dark] .discover-communities-note-textarea{background:var(--color-bg-secondary)}.discover-communities-note-textarea:focus{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa29}.discover-communities-note-actions{align-items:center}@media(max-width:1280px){.discover-communities-page{padding-bottom:5rem}.discover-communities-back-button,.discover-communities-join-button,.discover-communities-cancel-button{min-height:32px}.discover-communities-cancel-button{width:32px;min-width:32px;height:32px}.discover-communities-join-button{flex:0 1 auto;max-width:100%;padding:.55rem .75rem;white-space:nowrap}.discover-communities-grid{grid-template-columns:1fr}.discover-communities-description{min-height:0}.discover-communities-card{max-width:none;min-height:0}.discover-communities-actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.discover-communities-note-actions{align-items:stretch;flex-direction:column}.discover-communities-state-pill{width:fit-content}}.community-public-profile-about p{margin:0;color:var(--color-text-secondary);line-height:1.7;overflow-wrap:anywhere}.community-public-profile-side-card{position:sticky;top:82px;align-self:start}.community-public-profile-discover-card{width:300px;box-sizing:border-box}.community-public-profile-card-description{overflow:visible;text-overflow:clip;white-space:normal}@media(max-width:1280px){.community-public-profile-side-card{position:static}.community-public-profile-discover-card{width:100%;max-width:none}}.prompt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:9999}[data-theme=dark] .prompt-overlay{background:#0009}.prompt-box{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 24px #0000001f;padding:32px 28px 24px;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center;position:relative}.prompt-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--color-text-secondary);padding:4px 8px}.prompt-close:hover{color:var(--color-text-primary)}[data-theme=dark] .prompt-box{box-shadow:0 4px 24px #0006}.prompt-question{font-size:1.15rem;font-weight:500;margin-bottom:24px;text-align:center}.prompt-actions{display:flex;gap:18px;justify-content:center}.discover-people-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.discover-people-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.discover-people-intro{flex:1 1 260px;margin:0;color:var(--color-text-secondary);line-height:1.6;max-width:760px}.discover-people-intro-row{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;flex-wrap:wrap;max-width:min(100%,calc(900px + 1rem))}.discover-people-back-button,.discover-people-connections-button,.discover-people-view-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-primary);padding:.75rem 1rem;box-shadow:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] .discover-people-back-button,[data-theme=dark] .discover-people-connections-button,[data-theme=dark] .discover-people-view-button{background:var(--color-bg-secondary)}.discover-people-back-button:hover:not(:disabled),.discover-people-connections-button:hover:not(:disabled),.discover-people-view-button:hover:not(:disabled){border-color:var(--color-text-primary);color:var(--color-text-primary)}.discover-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:.5rem;justify-content:start}.discover-people-card,.discover-people-empty{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);padding:1rem}.discover-people-card{display:flex;flex-direction:column;gap:.8rem;min-width:0;min-height:280px;max-width:300px;transition:border-color .3s ease}.discover-people-card:hover{border-color:var(--color-text-primary)}.discover-people-empty{color:var(--color-text-secondary);line-height:1.6;grid-column:1 / -1}.discover-people-card-top,.discover-people-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.discover-people-card-top{flex-wrap:wrap}.discover-people-avatar{width:44px;min-width:44px;height:44px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2a5faa;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:box-shadow .2s ease}.discover-people-avatar:hover{box-shadow:0 0 0 3px #2a5faa2e}.discover-people-avatar:focus-visible{outline:none;box-shadow:0 0 0 3px #2a5faa47}.discover-people-meta-pill,.discover-people-current-pill,.discover-people-interests{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8rem}.discover-people-current-pill{color:var(--color-text-secondary);border-color:var(--color-border);background:#fff}[data-theme=dark] .discover-people-current-pill{background:var(--color-bg-secondary)}.discover-people-card h2{margin:0;color:var(--color-text-primary);font-size:1.1rem;line-height:1.25}.discover-people-bio{margin:0;color:var(--color-text-secondary);line-height:1.6;max-height:4.8em;min-height:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.discover-people-interests{width:fit-content;max-width:100%;color:#198754;border-color:#19875473;overflow:hidden}.discover-people-interests span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-people-actions{margin-top:auto;align-items:flex-end}@media(max-width:1280px){.discover-people-page{padding-bottom:5rem}.discover-people-back-button,.discover-people-connections-button,.discover-people-view-button{min-height:32px}.discover-people-intro-row{align-items:center}.discover-people-grid{grid-template-columns:1fr}.discover-people-card{max-width:none;min-height:0}.discover-people-actions{flex-direction:column;align-items:stretch}}.inbox-page{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:4rem}.inbox-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.inbox-about{display:flex;flex-direction:column;gap:.45rem;border-radius:24px;padding:.95rem 1rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.inbox-about h2{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600}.inbox-about p{margin:0;color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.inbox-flow{display:flex;flex-direction:column;gap:1.25rem}.inbox-section{scroll-margin-top:96px;display:flex;flex-direction:column;gap:.75rem}.inbox-section-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;flex-wrap:nowrap}.inbox-section-header h2{display:inline-flex;align-items:center;gap:.45rem;margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600}.inbox-section-header h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:.78rem;font-weight:500}.inbox-section-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-right:1rem;flex-shrink:0}.inbox-section-actions-unread{width:calc(80px + .5rem);justify-content:flex-start}.inbox-section-flow{display:flex;flex-direction:column;gap:.5rem}.inbox-card,.inbox-empty-card,.inbox-update-card,.inbox-quiet-state{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);color:var(--color-text-primary)}.inbox-card{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.75rem}.inbox-empty-card{padding:1rem;color:var(--color-text-secondary);line-height:1.6}.inbox-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.inbox-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--color-border);color:#2a5faa;font-size:.8rem}.inbox-date{flex-shrink:0;color:var(--color-text-secondary);font-size:.8rem}.inbox-card h3,.inbox-update-copy h3{margin:0;color:var(--color-text-primary);font-size:1.1rem;line-height:1.25}.inbox-card p,.inbox-update-copy p{margin:0;line-height:1.6}.inbox-card-actions{display:flex;gap:.45rem;margin-top:auto}.inbox-round-button,.inbox-secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;color:var(--color-text-primary);box-shadow:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] .inbox-round-button,[data-theme=dark] .inbox-secondary-button{background:var(--color-bg-secondary)}.inbox-round-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%}.inbox-secondary-button{min-height:32px;padding:.35rem .75rem;border-radius:999px;font-size:.82rem}.inbox-round-button:hover:not(:disabled),.inbox-secondary-button:hover:not(:disabled){border-color:var(--color-text-primary);background:#fff;color:var(--color-text-primary)}[data-theme=dark] .inbox-round-button:hover:not(:disabled),[data-theme=dark] .inbox-secondary-button:hover:not(:disabled){background:var(--color-bg-secondary)}.inbox-round-button-success{color:#198754}.inbox-round-button-danger{color:#dc3545}.inbox-update-card{padding:.9rem 1rem;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.75rem;align-items:center}.inbox-update-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;color:#2a5faa}.inbox-update-copy{min-width:0;display:flex;flex-direction:column;gap:.35rem}.inbox-update-copy p{color:var(--color-text-primary);line-height:1.5}.inbox-message-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0}.inbox-update-copy .inbox-muted-line{color:var(--color-text-secondary);margin:0}.inbox-note-preview{min-width:0;padding-left:.15rem;font-size:1.1rem;font-weight:400}.inbox-update-copy span,.inbox-message-line span{display:inline-block;color:var(--color-text-secondary);font-size:.8rem;white-space:nowrap}.inbox-message-summary{color:var(--color-text-primary);font-size:inherit;white-space:normal}.inbox-note-summary{color:#fff}.inbox-update-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.inbox-delete-slot,.inbox-confirm-slot{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px}.inbox-quiet-state{color:var(--color-text-primary)}.inbox-quiet-state .inbox-message-line{margin:0}.inbox-quiet-state .inbox-message-summary{color:var(--color-text-primary);font-size:.8rem;line-height:1.5}@media(max-width:1280px){.inbox-page{padding-bottom:5rem}.inbox-section-header{gap:.4rem}.inbox-section-header-read{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.inbox-section-header h2{min-width:0}.inbox-section-actions{gap:.25rem;margin-right:0;justify-self:end;max-width:max-content}.inbox-update-card{grid-template-columns:minmax(0,1fr) auto}.inbox-card-top{align-items:flex-start}.inbox-round-button,.inbox-delete-slot,.inbox-confirm-slot{width:32px;min-width:32px;height:32px;min-height:32px}.inbox-update-icon{display:none}.inbox-message-line{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.inbox-note-preview{padding-left:0}.inbox-update-copy{flex-direction:column;align-items:flex-start}.inbox-update-actions{grid-column:1 / -1;justify-content:flex-start}.inbox-secondary-button{min-height:32px}}.connections-page{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:4rem}.connections-card-copy{min-width:0;display:flex;flex-direction:column;gap:.45rem}.connections-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.connections-simple-title{width:fit-content;margin:0;color:var(--color-text-primary);font:inherit;font-size:.95rem;font-weight:600}.connections-kicker{display:inline-flex;align-items:center;gap:.45rem}.connections-limit-note,.connections-card-copy p,.connections-empty{color:var(--color-text-secondary);line-height:1.5}.connections-about{display:flex;flex-direction:column;gap:.45rem;border-radius:24px;padding:.95rem 1rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.connections-about h2{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600}.connections-about p{margin:0;color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.connections-flow{display:flex;flex-direction:column;gap:1.25rem}.connections-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:.5rem;justify-content:start}.connections-card-slot{display:flex;flex-direction:column;gap:.45rem;min-width:0}.connections-card-group-label{min-height:1.5rem;margin:0;color:var(--color-text-primary);font-size:.9rem;font-weight:600;line-height:1.5}.connections-card-group-label.is-empty{visibility:hidden}.connections-hidden-section{display:flex;flex-direction:column;gap:.9rem}.connections-hidden-toggle{width:fit-content;display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;color:var(--color-text-primary);padding:0;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.connections-hidden-toggle:hover{color:#2a5faa}.connections-hidden-chevron{transition:transform .2s ease}.connections-hidden-chevron.is-open{transform:rotate(180deg)}.connections-subsection{display:flex;flex-direction:column;gap:.75rem}.connections-subsection-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.connections-pending-badge{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.connection-notes-list{display:flex;flex-direction:column;gap:.5rem}.connection-note-card,.connection-compose,.connections-empty{border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-primary);color:var(--color-text-primary)}.connections-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem 1rem}.connections-card.is-unread{border-color:#2a5faa80}.connections-private-note{display:inline-flex;align-items:center;gap:.4rem}.connections-card-unread{border-color:#2a5faa80}.connections-profile-avatar{padding:0;border:none;appearance:none;cursor:pointer;transition:box-shadow .2s ease}.connections-profile-avatar:hover:not(:disabled){box-shadow:0 0 0 4px #2a5faa29}.connections-profile-avatar:focus-visible{outline:none;box-shadow:0 0 0 4px #2a5faa3d}.connections-profile-avatar:disabled{cursor:default}.connections-card-copy h2{margin:0;font-size:1rem}.connections-card-copy p,.connection-note-card p{margin:0;overflow-wrap:anywhere}.connections-card-meta,.connection-note-meta,.connection-note-context{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--color-text-secondary);font-size:.82rem}.connections-card-meta span,.connection-note-context{display:inline-flex;align-items:center;gap:.35rem}.connections-card-actions{width:100%;margin-top:auto;justify-content:flex-start;align-items:center;gap:.35rem}.connections-card-tools,.connections-inline-confirm{display:inline-flex;align-items:center;gap:.35rem}.connections-inline-confirm{gap:.25rem}.connections-round-button,.connections-secondary-button,.connections-action-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:#fff;color:var(--color-text-primary);box-shadow:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] .connections-round-button,[data-theme=dark] .connections-secondary-button,[data-theme=dark] .connections-action-button{background:var(--color-bg-secondary)}.connections-round-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%}.connections-secondary-button{min-height:40px;gap:.45rem;padding:.75rem 1rem;border-radius:999px}.connections-action-button{border-width:2px}.connections-round-button:hover:not(:disabled),.connections-secondary-button:hover:not(:disabled),.connections-action-button:hover:not(:disabled){border-color:var(--color-text-primary);color:var(--color-text-primary)}.connections-action-button-round{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%}.connections-action-button-danger{color:#dc3545}.connections-action-button-danger:hover:not(:disabled){color:#dc3545}.connections-action-button-muted{color:var(--color-text-secondary)}.connections-action-button-muted:hover:not(:disabled){color:var(--color-text-primary)}.connections-message-button{color:#2a5faa}.connections-message-button:hover:not(:disabled){color:var(--color-text-primary)}.connections-empty{width:fit-content;display:inline-flex;align-items:center;gap:.5rem;padding:1rem}.connection-note-card{width:min(76%,680px);display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem}.connection-note-card.is-mine{align-self:flex-start;border-color:#19875459;background:#1987540f}.connection-note-card.is-theirs{align-self:flex-end;border-color:#2a5faa59;background:#2a5faa12}.connection-compose{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.connection-compose textarea{width:100%;height:72px;min-height:72px;resize:vertical;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-primary);padding:.75rem;font:inherit;line-height:1.5}[data-theme=dark] .connection-compose textarea{background:var(--color-bg-secondary)}.connection-compose textarea:focus{outline:none;border-color:#2a5faa;box-shadow:0 0 0 3px #2a5faa29}.connection-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--color-text-secondary);font-size:.84rem}.connection-compose-limits{display:flex;flex-direction:column;gap:.2rem;line-height:1.5}.connection-compose-actions span.is-limit-reached{color:#dc3545;font-weight:600}@media(max-width:1280px){.connections-page{padding-bottom:5rem}.connections-list{grid-template-columns:1fr}.connection-compose-actions{align-items:stretch;flex-direction:column}.connections-card-actions{flex-direction:row;align-items:center}.connection-note-card{width:min(92%,680px)}}.user-folders-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.user-folders-breadcrumb-label{display:inline-flex;align-items:center;gap:.35rem;color:#2a5faa}.user-folders-container{max-width:none;margin:0;padding:20px 20px 50px 80px;text-align:left}.user-folders-container h1{text-align:left;margin-bottom:2rem;color:var(--color-text-primary)}.user-folders-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.user-folders-empty-state{padding:40px;text-align:center;color:var(--color-text-secondary);font-size:14px}.user-folders-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:0}.user-folder-card{background:#fff;border:2px solid var(--color-border);border-radius:30px;padding:.75rem;cursor:default;transition:border-color .3s ease;width:170px;height:170px;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;flex-shrink:0;position:relative}[data-theme=dark] .user-folder-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.user-folder-card.all-articles{background:#fff;border-color:var(--color-text-secondary)}[data-theme=dark] .user-folder-card.all-articles{background:var(--color-bg-secondary)}.user-folder-card:hover{border-color:var(--color-text-primary)}.user-folder-icon{font-size:25px;color:#3b82f6}.folder-type-icons{display:flex;gap:4px;width:100%;justify-content:flex-start;z-index:10}.folder-type-icon{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.folder-type-lesson{color:#475569}.folder-type-lesson:hover{background:#f1f5f9}.folder-type-note{color:#3b82f6}.folder-type-note:hover{background:#dbeafe}.folder-type-flash{color:#f59e0b}.folder-type-flash:hover{background:#fef3c7}.folder-type-highlight{color:#3b82f6}.folder-type-highlight:hover{background:#dbeafe}[data-theme=dark] .folder-type-lesson:hover{background:#475569;color:#fff}[data-theme=dark] .folder-type-note:hover{background:#3b82f6;color:#fff}[data-theme=dark] .folder-type-flash:hover{background:#f59e0b;color:#fff}[data-theme=dark] .folder-type-highlight:hover{background:#3b82f6;color:#fff}[data-theme=dark] .user-folder-icon{color:#60a5fa}.user-folder-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.2;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;align-self:flex-start;margin:0}.folder-name-input,.folder-name-textarea{font-size:.9rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:4px;padding:4px 6px;width:100%;outline:none;font-family:inherit;line-height:1.2}.folder-name-textarea{height:auto;min-height:1.2em;resize:none;overflow:hidden;word-wrap:break-word;white-space:pre-wrap}.folder-name-textarea::placeholder{font-weight:400;opacity:.5}.folder-name-input:focus,.folder-name-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}[data-theme=dark] .folder-name-input,[data-theme=dark] .folder-name-textarea{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-text-primary)}.user-folder-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.25rem;margin-top:auto}.user-folder-actions{display:flex;gap:.25rem;justify-content:center}.user-folder-saving-text{font-size:18px;line-height:1}.user-folder-deleting-text{font-size:10px}.user-folder-count{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.user-folder-copy-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.user-folder-copy-btn:hover{background:#f1f5f9;color:#475569}[data-theme=dark] .user-folder-copy-btn:hover{background:#64748b;color:#fff}.user-folder-delete-btn{background:transparent;border:none;color:#c62828;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.user-folder-delete-btn:hover{background:#ffebee;color:#b71c1c}[data-theme=dark] .user-folder-delete-btn:hover{background:#ef5350;color:#fff}.user-folder-edit-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.user-folder-edit-btn:hover{background:#f1f5f9;color:#475569}.user-folder-edit-btn.save-mode{color:#2e7d32}.user-folder-edit-btn.save-mode:hover{background:#e8f5e8;color:#1b5e20}.user-folder-subfolder-btn{background:transparent;border:none;color:#1976d2;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.user-folder-subfolder-btn:hover{background:#e3f2fd;color:#1565c0}[data-theme=dark] .user-folder-subfolder-btn:hover{background:#2196f3;color:#fff}[data-theme=dark] .user-folder-edit-btn:hover{background:#64748b;color:#fff}[data-theme=dark] .user-folder-edit-btn.save-mode{color:#4caf50}[data-theme=dark] .user-folder-edit-btn.save-mode:hover{background:#4caf50;color:#fff}.create-folder-card{display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border)!important;background:transparent!important;color:var(--color-text-secondary)}.create-folder-card:hover{border-color:#3b82f6!important;color:#3b82f6}[data-theme=dark] .create-folder-card:hover{border-color:#60a5fa!important;color:#60a5fa}.delete-confirmation-in-card{position:absolute;bottom:8px;left:8px;right:8px;background:var(--color-bg-primary);border:2px solid #ef4444;border-radius:22px;padding:8px 12px;box-shadow:0 2px 8px #00000026;z-index:100;pointer-events:auto}.subfolder-create-in-card{position:absolute;bottom:8px;left:8px;right:8px;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:22px;padding:8px 12px;z-index:100;pointer-events:auto}.delete-confirmation-content{display:flex;flex-direction:column;align-items:center;gap:8px}.delete-icon{color:#ef4444;flex-shrink:0}.delete-text{font-size:.8rem;color:var(--color-text-primary);font-weight:500;flex:1}.delete-actions{display:flex;gap:4px;flex-shrink:0}.delete-confirm-btn,.delete-cancel-btn{background:transparent;border:1px solid;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-confirm-btn{border-color:#ef4444;color:#ef4444}.delete-confirm-btn:hover{background:#ef4444;color:#fff}.delete-cancel-btn{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.delete-cancel-btn:hover{background:var(--color-text-secondary);color:var(--color-bg-primary)}.create-confirm-btn{background:transparent;border:1px solid;border-radius:4px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-color:#1976d2;color:#1976d2}.create-confirm-btn:hover{background:#1976d2;color:#fff}[data-theme=dark] .delete-confirmation-in-card{background:var(--color-bg-secondary);border-color:#ef4444;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .subfolder-create-in-card{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:0 2px 8px #0000004d}@media(max-width:1280px){.user-folders-page{padding-bottom:5rem}.user-folder-card{width:140px;height:150px}.user-folders-grid{gap:.5rem}}.profile-container{padding:82px 20px 50px 80px;margin:0 auto;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow-y:visible;overflow-x:hidden;width:100%;max-width:100%}.profile-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:16px;width:100%}.profile-header-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1 1 auto}.profile-title{text-align:left;margin:0;color:var(--color-text-primary)}.profile-logout-button{flex-shrink:0}.profile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex:0 1 auto;min-width:0}.profile-public-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.profile-top-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:32px;flex:1;height:auto;width:100%}@media(min-width:1281px){.profile-top-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.profile-info-section,.profile-settings-section,.profile-security-section,.profile-permissions-section{flex:unset;align-self:stretch}.profile-permissions-section{grid-column:1 / -1}}.profile-info-section,.profile-settings-section,.profile-security-section,.profile-privacy-section{flex:1 1 320px;min-width:0;margin-bottom:0;border:none}.profile-info-section{flex:1.2 1 420px;min-width:0}.profile-permissions-section{flex:1 1 360px;min-width:0}.profile-loading{text-align:center;padding:40px;font-size:18px}.profile-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:20px;margin-bottom:0;height:auto;min-height:0;min-width:0;width:100%;max-width:100%;overflow:visible}.profile-section h2{margin-top:0;margin-bottom:8px;color:var(--color-text-primary);font-size:18px}.profile-privacy-title{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.profile-info{display:grid;gap:12px}.profile-field{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid var(--color-border);font-size:14px}.profile-field label{font-weight:600;color:var(--color-text-secondary);min-width:0;white-space:nowrap}.profile-field span{color:var(--color-text-primary);min-width:0;text-align:left;overflow-wrap:anywhere;word-break:break-word}.profile-form-group{margin-bottom:8px}.profile-form-group label{display:block;margin-bottom:4px;font-weight:600;color:var(--color-text-secondary);min-width:110px}.profile-form-group input,.profile-form-group select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;background:var(--color-bg-secondary);color:var(--color-text-primary)}.profile-display-name-wrapper{position:relative;display:flex;align-items:center}.profile-display-name-input{padding-right:40px}.profile-display-name-toggle{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.profile-share-code{font-family:monospace;font-size:14px;font-weight:700}.profile-verified-status{display:flex;align-items:center;justify-content:flex-start;gap:4px}.profile-plan-row{display:inline-flex;align-items:center;gap:.75rem}.profile-plan-btn{padding:.3rem .8rem;font-size:.85rem}.profile-theme-beta{font-size:11px;color:#999}.profile-terms-link-inline{font-size:12px;padding:0;border:none;background:none}.profile-input-wrapper{position:relative}.profile-input,.profile-input-clear{padding-right:30px}.profile-input-actions{padding-right:60px}.profile-input-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.profile-input-btn-clear{right:38px;font-size:16px}.profile-input-btn-toggle{right:8px}.profile-alert{padding:16px;border-radius:8px;margin-bottom:20px;text-align:center}.profile-alert-self{background:#ffc1071f;border:1px solid rgba(255,193,7,.45);color:var(--color-text-primary)}.profile-alert-admin{background:var(--color-bg-error, #f8d7da);border:1px solid var(--color-border-error, #dc3545);color:var(--color-text-error, #721c24)}.profile-alert-title{margin:0 0 12px;display:flex;align-items:center;gap:8px}.profile-alert-title-warning{color:var(--color-text-primary)}.profile-alert-title-error{color:var(--color-text-error, #721c24)}.profile-alert-text{margin:0}.profile-alert-text-spaced{margin:0 0 16px}.profile-reactivate-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.profile-deactivate-button{background:#6c757d!important;border-color:#6c757d!important}.profile-warning-box{background:#ffc1071a;padding:12px;border-radius:4px;border:1px solid rgba(255,193,7,.4);color:var(--color-text-primary);margin-top:12px;display:flex;align-items:flex-start;gap:8px}.profile-warning-icon{flex-shrink:0;margin-top:2px}.profile-warning-action{background:#6c757d;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px}.profile-theme-toggle{width:100%;padding:8px 16px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;font-size:14px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.profile-theme-toggle svg{color:gold}.profile-info-bubbles-toggle svg{color:#3b82f6}.profile-theme-toggle:hover{background:var(--color-border)}.profile-info-bubbles-note{margin:6px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.4}.profile-form-buttons{display:flex;gap:12px}.profile-delete-link{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.profile-security-content .profile-delete-link,.profile-privacy-content .profile-delete-link{border-top:none;padding-top:0}.profile-delete-text-link{background:none;border:none;color:#8b4513;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;font-weight:350!important}.profile-delete-text-link:hover{color:#654321}.profile-blue-text-link{background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-decoration:underline;font-size:14px;padding:0;font-weight:350!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.profile-blue-text-link:hover{color:var(--color-text-secondary)}a.profile-blue-text-link{font-weight:350!important;text-decoration:underline;display:inline}button.profile-blue-text-link{font-weight:350!important}.profile-gray-text-link{background:none;border:none;color:#6c757d;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;font-weight:350!important}.profile-gray-text-link:hover{color:#5a6268}.profile-light-text-link{background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-decoration:underline;font-size:14px;padding:0;font-weight:400}.profile-light-text-link:hover{color:var(--color-text-secondary)}.profile-danger-zone h2{color:#dc3545}.profile-danger-zone ul{color:var(--color-text-primary);margin:16px 0}.profile-delete-button{background:#dc3545!important;border-color:#dc3545!important}.profile-delete-button:hover{background:#c82333!important;border-color:#bd2130!important}.profile-delete-form{margin-top:16px}.profile-delete-form label{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:400}.profile-delete-form input[type=checkbox]{width:auto}.profile-delete-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.profile-delete-modal{background:var(--color-bg-primary);border-radius:8px;padding:24px;max-width:720px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 4px 12px var(--color-shadow)}.profile-delete-account-modal{max-width:860px;width:min(860px,calc(100vw - 48px));max-height:calc(100dvh - 32px);padding:18px 20px;overflow-y:visible}.profile-delete-modal h3{margin-top:0;margin-bottom:8px;color:#dc3545}.profile-delete-modal p{margin:8px 0}.profile-delete-modal ul{margin:12px 0;padding-left:20px}.profile-delete-modal li{margin-bottom:4px}.profile-delete-account-modal h3{margin-bottom:4px;font-size:1.1rem;line-height:1.2}.profile-delete-account-modal p{margin:4px 0;font-size:.9rem;line-height:1.35}.profile-delete-account-modal .profile-warning-box{background:#ffc1071a;padding:12px;border-radius:4px;border:1px solid rgba(255,193,7,.4);color:var(--color-text-primary);margin-top:12px;display:flex;align-items:flex-start;gap:8px}.profile-delete-account-modal .profile-warning-action{margin-left:6px;padding:3px 7px}.profile-delete-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 28px;margin:8px 0 10px;padding-left:18px;font-size:.86rem;line-height:1.35}.profile-delete-account-list li{margin-bottom:0}.profile-delete-account-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;margin-top:10px}.profile-delete-account-form>label{grid-column:1 / -1;margin-bottom:0}.profile-delete-account-form .profile-form-group{margin-bottom:0}.profile-delete-account-form .profile-form-group label{margin-bottom:6px}.profile-delete-actions{display:flex;gap:12px;margin-top:20px}.profile-delete-account-modal .profile-delete-actions{margin-top:12px}.profile-delete-confirm{background:#dc3545!important;border-color:#dc3545!important}.profile-delete-confirm:hover:not(:disabled){background:#c82333!important;border-color:#bd2130!important}.profile-delete-confirm:disabled{background:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed}.profile-permissions-text{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.profile-permissions-intro{margin:0 0 8px;font-style:italic;color:var(--color-text-secondary)}.profile-permissions-list{margin:0;padding-left:16px;color:var(--color-text-primary)}.profile-permissions-list li{margin-bottom:4px}.profile-permissions-list strong{color:var(--color-text-primary)}.profile-terms-link{margin-top:12px;font-size:12px;color:var(--color-text-secondary)}@media(max-width:1280px){.profile-header-row{align-items:center}.profile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex:0 1 auto;min-width:0}.profile-public-button{min-width:74px;padding-left:8px;padding-right:8px;font-size:.86rem;white-space:nowrap}.profile-logout-button{min-width:70px;padding-left:10px;padding-right:10px;font-size:.9rem;white-space:nowrap}.profile-container{min-height:auto;height:auto;overflow-y:visible;overflow-x:visible;padding-bottom:60px;padding-left:20px}.profile-blue-text-link,.profile-delete-text-link,.profile-gray-text-link{max-width:150px;display:inline-block}.profile-top-row{flex-direction:column;gap:16px;height:auto;overflow:visible}.profile-section{height:auto;min-height:unset;overflow-y:visible}.profile-field{gap:8px;font-size:13px}.profile-info-section,.profile-permissions-section,.profile-settings-section,.profile-security-section,.profile-privacy-section{flex:1}.profile-settings-section .profile-form-group input,.profile-settings-section .profile-theme-toggle,.profile-settings-section .profile-info-bubbles-note,.profile-settings-section .profile-display-name-wrapper{width:240px;max-width:240px}.profile-settings-section .profile-display-name-wrapper input{width:100%;max-width:100%}.profile-security-section .profile-form-group input{width:240px;max-width:240px}.profile-delete-modal{max-height:95vh;padding:12px;font-size:12px}.profile-delete-account-modal{width:min(100%,calc(100vw - 24px));max-height:95dvh;overflow-y:auto}.profile-delete-modal h3{font-size:14px;margin-bottom:4px}.profile-delete-modal p{margin:4px 0;font-size:12px}.profile-delete-modal ul{margin:4px 0;padding-left:16px;font-size:11px}.profile-delete-modal li{margin-bottom:1px}.profile-delete-account-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 16px;font-size:11px}.profile-delete-account-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px}.profile-delete-account-form>label{grid-column:1 / -1}.profile-delete-actions{margin-top:8px}}@media(max-width:560px){.profile-delete-account-list{grid-template-columns:1fr;gap:1px 0}.profile-delete-account-form{display:block}.profile-delete-account-form>label{grid-column:auto}}.plans-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.plans-title{font-size:1.65rem;font-weight:300;color:var(--color-text-primary);margin-bottom:2rem}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.plans-card{border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.plans-card-active{border-color:#3b82f6;border-width:2px}.plans-card-name{display:flex;align-items:center;gap:.4rem;font-size:1.3rem;font-weight:400;color:var(--color-text-primary)}.plans-card-price{font-size:.9rem;color:#3b82f6;font-weight:500}.plans-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:var(--color-text-secondary)}.plans-features li:before{content:"✓ ";color:#3b82f6}.plans-current-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#3b82f6;font-weight:500;padding:.4rem 0}.plans-cancel-link{background:none;border:none;color:#c62828;cursor:pointer;font-size:.85rem;padding:0;text-align:left}.plans-cancel-link:hover{text-decoration:underline}@media(max-width:1280px){.plans-grid{grid-template-columns:1fr}.plans-card-current{order:-1}.plans-container{padding:1rem}}.legal-document{width:85vw;margin:0 auto;min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:flex-start;padding-top:96px;padding-bottom:120px;color:var(--color-text-primary)}.legal-document-title{margin:0 0 16px;color:var(--color-text-primary)}.legal-document-content{display:flex;flex-direction:column;gap:20px;width:100%}.legal-document-row{display:flex;gap:20px;width:100%}.legal-document-column{flex:1;padding:20px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px}.legal-document-column-full{flex:1 1 100%}.legal-document-text{font-size:14px;line-height:1.4}.legal-document-section{margin-bottom:24px}.legal-document-section:last-child{margin-bottom:0}.legal-document-heading{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.legal-document-paragraph{margin:0 0 12px;color:var(--color-text-primary)}.legal-document-paragraph-secondary{color:var(--color-text-secondary);margin-bottom:16px}.legal-document-paragraph-after-list{margin-top:8px}.legal-document-list,.legal-document-list-spaced{margin:0;padding-left:20px;color:var(--color-text-primary)}.legal-document-list-spaced{margin-bottom:16px}.legal-document-note{list-style:none;position:relative;padding-left:1.2rem}.legal-document-note:before{content:"i";position:absolute;left:0;top:1px;width:.9rem;height:.9rem;border:1px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;line-height:1}.legal-document--compact{width:100%;min-height:auto;margin:0;padding:0}.legal-document--compact .legal-document-content,.legal-document--compact .legal-document-row{gap:14px}.legal-document--compact .legal-document-column{background:transparent;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:1rem}.legal-document--compact .legal-document-text{font-size:.92rem;line-height:1.6}.legal-document--compact .legal-document-heading{font-size:.98rem}@media(min-width:1281px){.legal-document{min-height:auto;padding-bottom:120px}}@media(max-width:1280px){.legal-document{width:95vw;min-height:auto;padding-bottom:80px}.legal-document-row,.legal-document--compact .legal-document-row{flex-direction:column}}.contact-container{width:85vw;margin:0 auto;text-align:left;min-height:calc(100vh - 180px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:96px;background:var(--color-bg-primary);color:var(--color-text-primary)}.contact-container *{transition:none!important}.contact-title{text-align:left;margin-left:0;margin-bottom:16px;color:var(--color-text-primary)}.contact-content{display:flex;gap:20px;width:100%;height:calc(100vh - 230px);overflow:hidden}.contact-column{flex:1;overflow-y:auto;padding:20px;background:var(--color-bg-primary);border-radius:8px;border:1px solid var(--color-border)}.contact-text{font-size:14px;line-height:1.4;color:var(--color-text-primary)}.contact-section{margin-bottom:24px}.contact-section:last-child{margin-bottom:0}.contact-heading{color:var(--color-text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.contact-paragraph{margin-bottom:12px;color:var(--color-text-primary)}.contact-list{margin:0 0 12px;padding-left:18px;color:var(--color-text-primary);line-height:1.8}.contact-paragraph-secondary{color:var(--color-text-secondary);margin-bottom:16px}.contact-info{color:var(--color-text-primary)}.contact-info p{margin-bottom:8px}.contact-form-container{width:100%}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form-group{display:flex;flex-direction:column}.contact-form-group label{margin-bottom:6px;font-weight:500;color:var(--color-text-primary);font-size:14px}.contact-error-message{color:#d32f2f;font-size:12px;margin-top:4px}.contact-form-input,.contact-form-textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;font-family:inherit}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:var(--color-primary)}.contact-form-textarea{resize:none;min-height:45px;overflow:hidden}.contact-form .form-buttons{display:flex;justify-content:flex-start;margin-top:8px}@media(max-width:1280px){.contact-container{width:95vw;padding-top:96px;min-height:unset;height:auto;padding-bottom:60px}.contact-content{flex-direction:column;height:auto;overflow:visible}.contact-column:last-child{order:-1}.contact-column{overflow-y:visible;height:auto}}.plan-intro-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.plan-intro-modal{background:var(--color-bg-primary);border-radius:12px;padding:2rem;max-width:400px;width:90%;text-align:center;display:flex;flex-direction:column;gap:1rem}.plan-intro-title{font-size:1.4rem;font-weight:400;color:var(--color-text-primary)}.plan-intro-text{font-size:1rem;color:var(--color-text-secondary)}.plan-intro-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.plan-intro-btn{padding:.6rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;font-family:inherit;transition:opacity .2s}.plan-intro-btn:hover{opacity:.85}.plan-intro-btn-primary{background:#3b82f6;color:#fff}.plan-intro-btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.plan-intro-hint{font-size:.8rem;color:var(--color-text-secondary);opacity:.7;margin:0}.timer-expired-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:#00000080}.timer-expired-card{width:min(450px,calc(100vw - 32px));padding:40px 60px;border:2px solid var(--color-border);border-radius:12px;background:var(--color-bg-secondary);color:var(--color-text-primary)}.timer-expired-main{display:flex;align-items:center;gap:12px}.timer-expired-copy{flex:1;text-align:left;line-height:1.2}.timer-expired-title{font-size:24px;font-weight:600}.timer-expired-detail{font-size:12px;font-weight:400;opacity:.8}.timer-expired-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.timer-expired-button{min-width:86px;height:36px;border:2px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit;font-size:14px;font-weight:600;transition:background .2s ease,border-color .2s ease,color .2s ease}.timer-expired-button:hover{border-color:var(--color-text-primary)}.timer-expired-button-primary{border-color:#2563eb;background:#2563eb;color:#fff}.timer-expired-button-primary:hover{border-color:#1d4ed8;background:#1d4ed8;color:#fff}@media(max-width:640px){.timer-expired-card{padding:28px 24px}.timer-expired-actions{flex-direction:column}.timer-expired-button{width:100%}}.articlecard-card{background:var(--color-bg-primary);border:1px solid #f1f5f9;border-radius:16px;transition:border-color .2s ease;padding:1.5rem;width:80%;max-width:100%;height:auto;min-height:300px;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.articlecard-card:hover,.articlecard-card.dropdown-open,[data-theme=dark] .articlecard-card{border-color:#64748b}[data-theme=dark] .articlecard-card:hover,[data-theme=dark] .articlecard-card.dropdown-open{border-color:#f1f5f9}.articlecard-title{height:8%;position:relative}.articlecard-title h3{margin:0;font-size:1.1rem;font-weight:400;color:var(--color-text-primary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:flex;align-items:center;gap:8px}.articlecard-folder-dropdown-overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.articlecard-folder-dropdown-container{position:absolute;top:5px;left:5px;z-index:20}.articlecard-folder-dropdown{position:relative;display:inline-block;z-index:15;pointer-events:auto}.articlecard-folder-bridge{position:absolute;top:100%;left:0;right:0;height:10px;pointer-events:auto}.articlecard-folder-button{background:var(--color-bg-primary);border:1px solid #f1f5f9;border-radius:6px;padding:6px 12px;font-size:1.1rem;font-weight:400;color:var(--color-text-primary);cursor:default;transition:all .2s ease;white-space:nowrap;min-height:28px;min-width:120px;display:flex;align-items:center;justify-content:center}.articlecard-folder-button:hover,.articlecard-card:hover .articlecard-folder-button,.articlecard-card.dropdown-open .articlecard-folder-button,[data-theme=dark] .articlecard-folder-button{border-color:#64748b}[data-theme=dark] .articlecard-folder-button:hover,[data-theme=dark] .articlecard-card:hover .articlecard-folder-button,[data-theme=dark] .articlecard-card.dropdown-open .articlecard-folder-button{border-color:#f1f5f9}.articlecard-folder-button:hover{background:var(--color-bg-secondary)}.articlecard-folder-menu{position:absolute;top:calc(100% + 10px);left:-120px;right:-120px;background:var(--color-bg-primary);border:1px solid #64748b;border-radius:8px;z-index:1000;max-height:240px;overflow-y:auto}[data-theme=dark] .articlecard-folder-menu{border-color:#f1f5f9}.articlecard-folder-item{padding:10px 16px;font-size:.9rem;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--color-border)}.articlecard-folder-item:last-child{border-bottom:none}.articlecard-folder-item:hover{background:var(--color-bg-secondary)}.articlecard-folder-item.active{background:var(--color-bg-secondary);font-weight:600}.articlecard-title:after{display:none}.articlecard-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-y:auto;height:75%;position:relative}.articlecard-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:100;pointer-events:none;animation:fade-in-out 1s ease-in-out forwards}.articlecard-content p{font-size:1.4rem;line-height:1.7;color:var(--color-text-primary);font-weight:400;text-align:center;letter-spacing:.01em;margin:0;padding:0 30px;overflow-y:auto;max-height:100%;word-wrap:break-word;white-space:pre-wrap;scrollbar-width:none;-ms-overflow-style:none;animation:fadeIn 1.5s ease-in}.articlecard-content p.fade-out{animation:fadeOut 1.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.articlecard-content p::-webkit-scrollbar{display:none}.articlecard-progress-bar{width:80%;height:2px;background-color:var(--color-bg-secondary);border-radius:5px;margin:2rem auto}.articlecard-progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .1s linear}.articlecard-index{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:18px;padding:.6rem 1.4rem;min-width:120px;text-align:center;font-size:.9rem;font-weight:400;color:var(--color-text-primary);letter-spacing:.3px;margin:0 auto;width:fit-content}.articlecard-nav-btn{position:absolute;top:39%;transform:translateY(-50%);width:auto;height:auto;border-radius:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:2;padding:0;opacity:.6}.articlecard-nav-prev{left:88px}.articlecard-nav-next{right:88px}.articlecard-nav-btn:hover{opacity:.7}.articlecard-nav-btn:disabled{opacity:.3;cursor:not-allowed}.articlecard-bottom-controls{margin-top:auto;display:flex;flex-direction:column;gap:1rem;transition:opacity .3s ease,transform .3s ease}.articlecard-controls{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;transition:opacity .3s ease,transform .3s ease}.articlecard-controls-hidden{opacity:0;transform:translateY(10px);pointer-events:none;display:none}.articlecard-controls-row{display:flex;justify-content:center;align-items:center;gap:.9rem;flex-wrap:wrap}.articlecard-btn{min-width:80px;height:36px;border-radius:18px;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:14px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;padding:0 12px;letter-spacing:.5px}.articlecard-btn:hover{background:var(--color-border)}.articlecard-btn:disabled{opacity:.5;cursor:not-allowed}.articlecard-btn-play{min-width:36px;width:36px;padding:0;font-size:16px}.articlecard-btn-go{font-size:12px}.articlecard-jump-form{display:flex;gap:.5rem;align-items:center}.articlecard-jump-input{width:60px;height:36px;padding:.6rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-bg-secondary);color:var(--color-text-primary);text-align:center;font-size:.9rem}.articlecard-jump-input:focus{border-color:#6b7280;outline:none}@media(max-width:1280px){.articlecard-nav-btn{display:none}.articlecard-card{width:95%}.articlecard-content p{padding:0 10px}.articlecard-btn-play{min-width:22px;width:22px;height:22px;font-size:10px}.articlecard-btn-play svg{width:12px;height:12px}.articlecard-pause-overlay{width:64px;height:64px}.articlecard-pause-overlay svg{width:36px;height:36px}}.controls{display:flex;flex-direction:column;justify-content:center;gap:.75rem;width:100%;max-width:100%;height:auto;min-height:120px;background:var(--color-bg-primary);padding:1rem;border-radius:16px;border:1px solid var(--color-border);box-sizing:border-box;transition:opacity .3s ease,transform .3s ease,border-color .2s ease}.controls:hover{border-color:#94a3b8}.controls-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.controls-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.controls-position-indicator{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:.8rem 1.8rem;min-width:150px;text-align:center;font-size:1rem;font-weight:400;color:var(--primary-color);letter-spacing:.3px}.controls-jump-form{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.controls-jump-input{width:90px;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);text-align:center;font-size:.95rem;font-weight:400}.controls-jump-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a}.studynotes-main{position:absolute;inset:80px 0 0;width:100vw;max-width:100%;overflow:hidden;margin:0;padding:0;display:grid;grid-template-columns:100vw;gap:0;transition:all 1s ease}.public-notes-wrapper{position:fixed;inset:0;overflow:hidden}.public-notes-main{top:0;padding-top:2rem}.public-notes-home-exit-button{position:fixed;top:20px;right:20px;z-index:1000;width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.public-notes-home-exit-button:hover{border-color:var(--color-text-primary)}.public-notes-empty{padding:2rem;text-align:center}.public-notes-empty-button{margin-top:1rem;padding:.65rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}.public-notes-empty-button:hover{border-color:var(--color-text-primary)}.studynotes-main.full-height{top:0;padding-top:2rem}.studynotes-middle{min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;z-index:1;padding:1rem;transition:all 1s ease;width:100%;height:100%}.home-left,.home-right{min-width:0;min-height:0;overflow:auto;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center}.studynotes-buttons-row{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;flex-wrap:wrap;position:relative;transition:opacity .5s ease;padding:1rem 0rem}.studynotes-button-group{display:flex;align-items:center;gap:.5rem;margin-right:3rem}.studynotes-buttons-row.reading-mode-fade{display:none}.studynotes-ced-group{display:flex;align-items:center;gap:.5rem}.studynotes-middle.split-mode{width:100%;max-width:100%}.split-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;flex:1;min-height:0}.split-left,.split-right{display:flex;flex-direction:column}.split-textarea{width:100%;height:100%;min-height:400px;padding:1.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);font-size:1.2rem;line-height:1.7;font-family:inherit;resize:none;outline:none}.split-textarea:focus{border-color:var(--color-text-primary)}.myspace-watermark{position:fixed;top:0;left:280px;height:80px;display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;opacity:.5;transition:opacity .5s ease}.header-title-watermark{flex:1;display:flex;align-items:center;gap:12px}.header-logo-watermark{color:var(--color-text-primary);text-decoration:none;font-weight:200;font-size:1.3rem;margin:0;line-height:1.15;padding:38px 32px 32px;letter-spacing:-.5px}.myspace-folders-divider{height:1px;background:var(--color-border);margin:.5rem 0}.myspace-folders{width:100%;padding-left:.5rem;display:flex;flex-direction:column;gap:.5rem}.myspace-folders-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;text-align:center}.myspace-folder-item{min-width:90px;min-height:40px;background:transparent;color:var(--color-text-primary);border:none;font-size:14px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transition:background-color .2s ease;padding:4px 16px;letter-spacing:.5px;text-align:left;word-break:break-word;line-height:1.2}.myspace-folder-item:hover{background:var(--color-border)}.myspace-folder-item.active{background:var(--color-bg-secondary)}.myspace-folder-item.active:hover{background:#80808026!important}body.reading-mode .home-left,body.reading-mode .home-right,body.reading-mode .study-layout-buttons-fixed,body.reading-mode .study-layout-breadcrumbs-fixed{display:none!important}body.reading-mode .studynotes-middle{padding-bottom:2rem}body.reading-mode .studynotes-main{top:0;padding-top:2rem;transition:none}.reading-mode-toggle-persistent{position:fixed;top:20px;right:20px;z-index:1000;width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}body.hide-cursor .reading-mode-toggle-persistent{opacity:0;pointer-events:none}body.reading-mode .public-notes-home-exit-button{display:none}body.reading-mode.hide-cursor .public-notes-home-exit-button{opacity:0;pointer-events:none}.studynotes-random-button{min-width:45px;width:45px;height:45px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:10px}.studynotes-random-button:hover{border-color:var(--color-text-primary)}.studynotes-control-input{width:45px;height:45px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);font-size:14px;font-weight:600;text-align:center;padding:0;transition:all .2s}.studynotes-control-input:hover{border-color:var(--color-text-primary)}.studynotes-control-input:focus{outline:none;border-color:var(--color-text-primary)}.studynotes-total-display{width:45px;height:45px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-secondary);border:2px solid var(--color-border);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .2s}.studynotes-total-display:hover{border-color:var(--color-text-primary)}input[type=number]::placeholder{color:#969696cc;opacity:1}.home-left::-webkit-scrollbar,.home-right::-webkit-scrollbar{width:6px}.home-left::-webkit-scrollbar-track,.home-right::-webkit-scrollbar-track{background:transparent}.home-left::-webkit-scrollbar-thumb,.home-right::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.home-left::-webkit-scrollbar-thumb:hover,.home-right::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes editPulse{0%,to{background-color:var(--color-bg-secondary)}50%{background-color:#64b5f6}}.home-edit-pulse{animation:editPulse 5s ease-in-out 4}@media(max-width:1280px){.split-container{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.split-left{order:1;min-height:0}.split-right{order:2;min-height:0}.split-textarea{min-height:220px}.studynotes-button-group{margin-right:0}.studynotes-button-group:first-child{position:fixed;top:56px;left:0;z-index:9;background:var(--color-bg-primary);padding:4px .5rem 4px calc(1rem + 2px);gap:3px;width:auto;box-sizing:border-box}.studynotes-ced-group{position:fixed;top:56px;right:0;z-index:9;background:var(--color-bg-primary);padding:4px calc(1rem + 2px) 4px .5rem;gap:3px}.studynotes-ced-group .studynotes-random-button[style*=bottom],.studynotes-button-group:first-child .studynotes-random-button[style*=bottom]{bottom:auto!important;top:calc(100% + 4px)!important}.studynotes-main{top:110px}.studynotes-random-button{width:32px;height:32px;min-width:32px;padding:6px}.studynotes-random-button svg{width:14px;height:14px}.studynotes-random-button span{font-size:8px!important}.studynotes-control-input{width:32px;height:32px;font-size:12px}.studynotes-total-display{width:32px;height:32px;font-size:11px}.studynotes-buttons-row{gap:.25rem;padding:.5rem 0}.public-notes-home-exit-button{width:32px!important;height:32px!important;top:15px!important}.public-notes-home-exit-button svg{width:14px;height:14px}.studynotes-popup-menu{font-size:10px!important;padding:4px!important;gap:2px!important}.studynotes-popup-menu input{width:24px!important;padding:2px!important;font-size:10px!important}.studynotes-popup-menu button{padding:3px 6px!important;font-size:10px!important;min-width:40px!important}.studynotes-popup-menu span{font-size:10px!important}.reading-mode-toggle-persistent{width:32px;height:32px;top:15px}.reading-mode-toggle-persistent svg{width:14px;height:14px}}@media(max-width:1280px){.public-notes-wrapper .studynotes-button-group:first-child{top:8px}}.study-fc-container{position:absolute;inset:80px 0 0;width:100vw;max-width:100%;overflow:hidden;margin:0;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}.study-fc-container.cursor-default{cursor:default}.study-fc-container.cursor-pointer{cursor:pointer}.study-fc-container.cursor-left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") 16 16,pointer}.study-fc-container.cursor-right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") 16 16,pointer}.public-fc-wrapper{position:fixed;inset:0;overflow:hidden}.public-fc-home-exit-button{position:fixed;top:20px;right:20px;z-index:10001;width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.public-fc-home-exit-button:hover{border-color:var(--color-text-primary)}.public-fc-empty{padding:2rem;text-align:center}.public-fc-empty-button{margin-top:1rem;padding:.65rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}.public-fc-empty-button:hover{border-color:var(--color-text-primary)}.study-fc-card{background:#fff;border:none;border-radius:16px;padding:0;width:80%;max-width:100%;height:auto;min-height:400px;flex:1;display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:1rem;overflow:hidden}.study-fc-card-split{display:flex;gap:0;flex:1;min-height:0}.study-fc-card-left,.study-fc-card-right{flex:1;padding:1.5rem;background:#fff;border:none;overflow-y:auto;display:flex;align-items:center;justify-content:center;transition:background-color .5s ease}.study-fc-card-left:has(.study-fc-edit-textarea),.study-fc-card-right:has(.study-fc-edit-textarea){overflow:hidden}.study-fc-card-left{background:var(--card-left-bg, #d6eaf8)}.study-fc-card-right{background:var(--card-right-bg, #ebf5fb);position:relative}.study-fc-edit-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-size:1.1rem;line-height:1.8;font-family:inherit;background:transparent;color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary);box-sizing:border-box;overflow-y:auto}.study-fc-card-right.reveal{background:var(--card-right-bg, #ebf5fb)}.study-fc-card-right.hidden:before{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12rem;font-weight:700;color:#fff;pointer-events:none;opacity:1}.study-fc-card-right.hidden:has(.study-fc-edit-textarea):before{content:none}.study-fc-card-right.reveal:before{content:none}.study-fc-card-right.hidden p{opacity:0;transition:opacity .3s ease}.study-fc-pause-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:100;pointer-events:none;animation:fade-in-out 1s ease-in-out forwards}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.study-fc-nav-btn{position:absolute;top:39%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);font-size:32px;cursor:pointer;padding:0;transition:opacity .3s ease;z-index:10;opacity:.6}.study-fc-nav-prev{left:88px}.study-fc-nav-next{right:88px}.study-fc-nav-btn:hover{opacity:.7}.study-fc-controls-hidden{opacity:0;pointer-events:none}.study-fc-card-left p,.study-fc-card-right p{margin:0;font-size:1.4rem;line-height:1.7;color:var(--color-text-primary);white-space:pre-wrap;text-align:center}.study-fc-card-left p,.study-fc-card-right.reveal p{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.study-fc-progress-bar{width:100%;height:2px;background-color:var(--color-bg-secondary);border-radius:0;margin:0}.study-fc-progress-bar.is-hidden{visibility:hidden}.study-fc-progress-fill{height:100%;background:var(--progress-fill-bg, #3b82f6);border-radius:2px;transition:width .1s linear}.study-fc-controls{display:flex;align-items:center;justify-content:center;gap:2rem}.study-fc-btn{padding:.75rem 2rem;background:transparent;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.study-fc-btn:hover{border-color:var(--color-text-primary)}.study-fc-counter{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);min-width:80px;text-align:center}.study-fc-empty{text-align:center;padding:4rem;font-size:1.2rem;color:var(--color-text-secondary)}.study-fc-buttons-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:0;padding:8px;flex-wrap:nowrap;transition:opacity .3s ease}.study-fc-button-group{display:flex;align-items:center;gap:.5rem;margin-right:3rem}.study-fc-buttons-row.reading-mode-fade{display:none}.study-fc-ced-group{display:flex;align-items:center;gap:.5rem}.study-fc-control-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:43px;width:43px;height:43px;padding:10px;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);cursor:pointer;transition:all .2s;font-size:12px;font-weight:600}.study-fc-control-btn:hover{border-color:var(--color-text-primary)}.study-fc-control-btn.is-active{border-color:var(--progress-fill-bg, #3b82f6);background:#3b82f614}.study-fc-control-input{width:43px;height:43px;padding:0;text-align:center;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-primary);font-size:14px;font-weight:600;transition:all .2s}.study-fc-control-input:hover{border-color:var(--color-text-primary)}.study-fc-control-input:focus{outline:none;border-color:var(--color-text-primary)}.study-fc-total-display{display:flex;align-items:center;justify-content:center;width:43px;height:43px;padding:0;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:default;transition:all .2s}.study-fc-total-display:hover{border-color:var(--color-text-primary)}.study-fc-breadcrumb-label{display:flex;align-items:center;gap:8px}.study-fc-breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;background:#f59e0b}.study-fc-menu-anchor{position:relative}.study-fc-speed-label{font-size:10px}.study-fc-popup-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;display:flex;flex-direction:column;gap:4px;z-index:1000;align-items:center;background:var(--color-bg-primary);padding:6px;border-radius:4px;border:1px solid var(--color-border)}.study-fc-popup-menu.no-center{left:0;transform:none;align-items:flex-start}.study-fc-popup-option{padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:var(--color-text-primary);min-width:60px}.study-fc-popup-option.is-active{background:#dcdcdc4d}.study-fc-popup-inputs{display:flex;gap:2px;align-items:center}.study-fc-popup-input{width:30px;padding:4px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;text-align:center}.study-fc-popup-separator{color:var(--color-text-primary);font-size:12px}.study-fc-popup-set{padding:4px 8px;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer;width:100%}.study-fc-duration-btn{position:relative}.study-fc-duration-label{font-size:11px;font-weight:600}.study-fc-duration-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);padding:6px;border-radius:4px;z-index:1000;font-size:12px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;pointer-events:none}.study-fc-timer-btn{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px}.study-fc-timer-label{font-size:11px;font-weight:600;line-height:1}.study-fc-confirm-btn{position:absolute;bottom:calc(100% + 4px);left:0}.study-fc-cancel-icon{color:#dc3545}.study-fc-bookmark-create-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.study-fc-bookmark-plus-icon{position:absolute;top:-4px;left:-4px}.study-fc-bookmark-icon.has-saved,.study-fc-bookmark-icon.is-active{color:#3b82f6;fill:#3b82f6}.study-fc-minus-icon.is-dim{opacity:.3}.reading-mode-toggle-persistent{position:fixed;top:20px;right:20px;z-index:10001;width:43px;height:43px;border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.reading-mode-toggle-persistent:hover{border-color:var(--color-text-primary)}.study-layout-buttons-fixed{transition:opacity .3s ease}body.reading-mode .study-layout-buttons-fixed,body.reading-mode .study-layout-breadcrumbs-fixed{display:none!important}body.reading-mode .study-fc-container{top:0;padding-top:2rem;padding-bottom:2rem}@media(max-width:1280px){.study-fc-button-group{margin-right:0}.study-fc-button-group:first-child{position:fixed;top:56px;left:0;z-index:9;background:var(--color-bg-primary);padding:4px .5rem 4px calc(1rem + 2px);gap:3px;width:auto;box-sizing:border-box}.study-fc-ced-group{position:fixed;top:56px;right:0;z-index:9;background:var(--color-bg-primary);padding:4px calc(1rem + 2px) 4px .5rem;display:flex;align-items:center;gap:3px}.study-fc-confirm-btn{bottom:auto!important;top:calc(100% + 4px)!important}.study-fc-card-right.hidden:before{font-size:6rem}.study-fc-nav-btn{display:none}.study-fc-control-btn{width:32px;height:32px;min-width:32px;padding:6px}.study-fc-control-btn svg{width:14px;height:14px}.study-fc-control-btn span{font-size:8px!important}.study-fc-control-input{width:32px;height:32px;font-size:12px}.study-fc-total-display{width:32px;height:32px;font-size:11px}.study-fc-buttons-row{gap:.25rem;padding:.45rem 0;flex-wrap:wrap}.public-fc-home-exit-button{width:32px!important;height:32px!important;top:15px!important}.public-fc-home-exit-button svg{width:14px;height:14px}.study-fc-card{width:95%;min-height:340px;margin-bottom:.7rem}.study-fc-container{top:110px;height:calc(100vh - 110px);height:calc(100dvh - 110px);min-height:calc(100svh - 110px);bottom:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.studyfc-popup-menu,.study-fc-popup-menu{font-size:10px!important;padding:4px!important;gap:2px!important}.studyfc-popup-menu input,.study-fc-popup-menu .study-fc-popup-input{width:24px!important;padding:2px!important;font-size:10px!important}.studyfc-popup-menu button,.study-fc-popup-menu .study-fc-popup-option,.study-fc-popup-menu .study-fc-popup-set{padding:3px 6px!important;font-size:10px!important;min-width:40px!important}.studyfc-popup-menu span,.study-fc-popup-menu .study-fc-popup-separator{font-size:10px!important}.study-fc-card-split{flex-direction:column-reverse}.study-fc-card-left,.study-fc-card-right{padding:.95rem}.study-fc-pause-overlay{width:64px;height:64px;top:45%}.study-fc-pause-overlay svg{width:36px;height:36px}body.reading-mode .public-fc-home-exit-button{display:none}.reading-mode-toggle-persistent{width:32px;height:32px;top:15px}.reading-mode-toggle-persistent svg{width:14px;height:14px}}@media(max-width:1280px){.public-fc-wrapper .study-fc-button-group:first-child{top:8px}.public-fc-wrapper .study-fc-container{top:110px;height:calc(100vh - 110px);height:calc(100dvh - 110px);min-height:calc(100svh - 110px);gap:.6rem;padding-top:.6rem}}.view-lesson-container{max-width:900px;margin:0 auto;padding-bottom:0}.view-lesson-container-hide-nav .nav-button-exit,.view-lesson-container-hide-nav .nav-button-myspace,.view-lesson-container-hide-nav .nav-button-mycontent,.view-lesson-container-hide-nav .nav-button-create,.view-lesson-container-hide-nav .nav-button-community,.view-lesson-container-hide-nav .nav-button-discover,.view-lesson-container-hide-nav .nav-button-meet,.view-lesson-container-hide-nav .inbox-button--navigation,body.view-lesson-hide-nav .nav-button-exit,body.view-lesson-hide-nav .nav-button-myspace,body.view-lesson-hide-nav .nav-button-mycontent,body.view-lesson-hide-nav .nav-button-create,body.view-lesson-hide-nav .nav-button-community,body.view-lesson-hide-nav .nav-button-discover,body.view-lesson-hide-nav .nav-button-meet,body.view-lesson-hide-nav .inbox-button--navigation{visibility:hidden!important;transition:none!important}.view-lesson-title-meta{font-size:1.5rem;font-weight:300;color:var(--color-text-secondary)}.view-lesson-title-meta-edit{font-size:1rem;font-weight:400;margin-left:1rem;display:inline-flex;gap:2rem}.view-lesson-edit-input{padding:0;margin:0;border:none;border-width:0;font-size:1.65rem;font-weight:300;line-height:1.2;font-family:inherit;background:transparent;color:var(--color-text-primary);width:100%;outline:none;box-sizing:border-box;display:block;resize:none;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;vertical-align:top;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.view-lesson-edit-input::placeholder{color:var(--color-text-secondary);opacity:.3}.view-lesson-edit-input:first-child{font-size:1.65rem;line-height:1.2}.view-lesson-edit-input:last-child{font-size:1.25rem;font-weight:300;line-height:1.2}.view-lesson-edit-input:focus{outline:none}.view-lesson-body-wrapper{width:100%}.view-lesson-textarea{width:100%;height:auto;padding:0;margin:0;border:none;font-size:1.125rem;line-height:1.8;font-family:inherit;font-weight:400;white-space:pre-wrap;word-wrap:break-word;resize:none;background:transparent;color:var(--color-text-primary);outline:none;overflow:hidden;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.8em}.view-lesson-textarea::placeholder{color:var(--color-text-secondary);opacity:.3}.view-lesson-textarea:focus{outline:none;box-shadow:none}.convert-mode-overlay{position:fixed;inset:0;background:var(--color-bg-primary);z-index:1000;padding:20px;display:flex;flex-direction:column;gap:20px}.convert-mode-header{display:flex;justify-content:space-between;align-items:center}.convert-mode-buttons{display:flex;gap:10px}.convert-mode-textarea{flex:1;padding:10px;font-size:1.125rem;line-height:1.8;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);resize:none}.view-lesson-title{font-size:1.65rem;font-weight:300;color:var(--color-text-primary);margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;line-height:1.2}.view-lesson-author{font-size:1.25rem;font-weight:300;line-height:1.2}.view-lesson-meta{display:flex;align-items:center;gap:20px;font-size:1rem;color:var(--color-text-secondary);margin-bottom:2rem}.view-lesson-body{font-size:1.125rem;line-height:1.8;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.view-lesson-body mark{background-color:#ffeb3b;padding:2px 0}.view-lesson-body mark.highlight-active{cursor:pointer}.view-lesson-body mark.highlight-active:hover{background-color:#fdd835}.view-lesson-body mark.highlight-inactive{cursor:default}.viewlesson-share-public-group{display:flex;gap:8px;margin-left:35px;margin-right:20px;align-items:center}.viewlesson-action-button{min-width:40px;width:40px;height:40px;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.viewlesson-action-hidden{visibility:hidden;transition:none}.viewlesson-action-icon-pair{display:inline-flex;align-items:center;justify-content:center;gap:2px}.viewlesson-visibility-button{min-width:40px;width:40px;height:40px;border-radius:50%;padding:10px}@keyframes notePulse{0%,to{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}50%{background-color:#64b5f6;color:#fff}}.study-button-note-pulse{animation:notePulse 5s ease-in-out 4}.split-view-container{display:flex;gap:10px;height:calc(100vh - 225px);width:100vw;margin:0;padding:0 20px;box-sizing:border-box;position:fixed;left:0;top:210px}.notes-header,.flashcards-header{position:fixed;top:140px;left:0;width:100vw;padding:0 20px;box-sizing:border-box;display:flex;gap:10px;height:auto;margin-bottom:1rem;z-index:10}.flashcards-header.fullscreen{max-width:900px;left:0;right:0;margin:0 auto;padding:0}.flashcards-buttons-wrapper{flex:1;display:flex;align-items:center;gap:.75rem}.flashcards-buttons-wrapper.fullscreen{flex:none}.notes-header.fullscreen{max-width:900px;left:0;right:0;margin:0 auto;padding:0}.notes-buttons-wrapper{flex:1;display:flex;align-items:center;gap:.75rem}.notes-buttons-wrapper.fullscreen{flex:none}.viewlesson-notes-mode-button{min-width:40px;width:40px;height:40px;border-radius:50%;padding:10px;transition:all .3s ease;color:#3b82f6}.viewlesson-notes-mode-icon-stack{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.viewlesson-notes-mode-icon-main{display:inline-flex;align-items:center;justify-content:center}.viewlesson-notes-mode-icon-switch{position:absolute;right:-7px;bottom:-5px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border);color:inherit}.viewlesson-notes-toolbar-button{min-width:40px;width:40px;height:40px;border-radius:50%;padding:10px;transition:all .3s ease}.copy-to-notes-btn.viewlesson-notes-toolbar-button:disabled,.view-notes-btn.viewlesson-notes-toolbar-button:disabled{opacity:.5}.save-notes-btn.viewlesson-notes-toolbar-button{color:#28a745}.viewlesson-ai-notes-button{color:#2563eb}.viewlesson-delete-notes-button{margin-left:30px;color:#c62828}.split-view-left{flex:1;overflow:auto;border-right:1px solid var(--color-border)}.split-view-right{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden}.split-view-textarea{width:100%;height:auto;flex:1;min-height:0;border:none;outline:none;resize:none;font-size:1.125rem;line-height:1.8;font-family:inherit;background-color:transparent;color:var(--color-text-primary);overflow-y:auto;scrollbar-gutter:stable}.split-view-textarea::placeholder{color:var(--color-text-secondary);opacity:.4}.fullscreen-notes{position:relative!important;width:100%!important;left:auto!important;top:auto!important;height:calc(100vh - 320px)!important;margin:0!important;padding:70px 0 0!important}.fullscreen-notes .split-view-left{display:none!important}.fullscreen-notes .split-view-right{flex:none!important;width:100%!important;max-width:900px!important;margin:0 auto!important;padding-bottom:2px!important}.viewlesson-page .study-layout-buttons-fixed .study-button{background:var(--color-bg-primary)}[data-theme=dark] .viewlesson-page .study-layout-buttons-fixed .study-button{background:var(--color-bg-secondary)}@media(max-width:1280px){.view-lesson-title{font-size:clamp(1.3rem,4vw,1.65rem)}.view-lesson-author{font-size:clamp(.95rem,3vw,1.1rem)}.viewlesson-page .study-layout-buttons-fixed{display:flex;position:fixed;top:56px;left:0;right:0;width:100%;flex-direction:row;flex-wrap:nowrap;overflow-x:visible;justify-content:flex-start;align-items:center;gap:3px;padding:4px .5rem 6px calc(1rem - 6px);background:var(--color-bg-primary);z-index:9;box-sizing:border-box;height:auto}.viewlesson-page .study-layout-buttons-fixed .study-button{min-width:32px!important;width:32px!important;height:32px!important;border-radius:50%!important;padding:6px!important;font-size:0;background:#fff;border:2px solid var(--color-border);position:static!important;visibility:visible!important;margin:0!important}[data-theme=dark] .viewlesson-page .study-layout-buttons-fixed .study-button{background:var(--color-bg-secondary)}.viewlesson-page .study-layout-buttons-fixed .study-button:disabled{opacity:.5;border-color:transparent}.viewlesson-delete-notes-button{margin-left:0}.viewlesson-page .study-layout-buttons-fixed .study-button svg{width:14px;height:14px}.viewlesson-page .study-layout-buttons-fixed>div{position:static!important;min-width:auto!important;height:auto!important;margin:0!important;display:flex;gap:3px}.viewlesson-page .study-layout-buttons-fixed>div>div{position:static!important;display:flex;gap:3px}.viewlesson-page .viewlesson-fc-tn-group{display:none!important}.viewlesson-page .viewlesson-share-public-group{margin-left:0!important;margin-right:0!important;align-items:center}.viewlesson-page .study-layout-content-scrollable{margin-top:110px}.viewlesson-page.viewlesson-page-editing .study-layout-content-scrollable{margin-top:148px}}.bookmark-icon{display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%2364b5f6' stroke='%2364b5f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;cursor:pointer;vertical-align:middle;margin:0 2px}.view-lesson-textarea,.split-view-textarea,.view-lesson-edit-input{font-feature-settings:"liga" 1}.view-lesson-body strong{font-weight:700}.view-lesson-body em{font-style:italic}@media(max-width:1280px){.shared-lesson-page{min-height:auto!important;padding:20px 16px!important}.shared-lesson-page h1{font-size:clamp(1.2rem,4vw,2rem)!important}.shared-lesson-page div[style*=fontSize][style*="1.5rem"]{font-size:clamp(1rem,3vw,1.5rem)!important}.shared-lesson-page div[style*="1.125rem"]{font-size:clamp(.95rem,3vw,1.125rem)!important}}.viewlesson-not-found{text-align:center;padding-top:2rem;position:relative;z-index:1}.viewlesson-not-found .button-btn{margin-top:1rem}.tutorial-lesson-home-layout{padding-top:116px;padding-bottom:72px}.tutorial-lesson-fixed-buttons{top:136px;left:24px}.tutorial-lesson-content-area{padding-bottom:0}.tutorial-lesson-container{position:relative;min-height:calc(100vh - 220px);transition:opacity .2s ease}.tutorial-lesson-container-loading{opacity:.72}.tutorial-lesson-loading-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.tutorial-lesson-empty-state{max-width:900px;margin:0 auto;padding:48px 24px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg-primary);text-align:center}[data-theme=dark] .tutorial-lesson-empty-state{background:var(--color-bg-secondary)}.tutorial-lesson-empty-state h1{margin:0 0 12px;font-size:1.8rem;color:var(--color-text-primary)}.tutorial-lesson-empty-state p{margin:0;color:var(--color-text-secondary);line-height:1.7}.tutorial-lesson-copy-fallback{position:fixed;left:-9999px;opacity:0}@media(max-width:1280px){.tutorial-lesson-home-layout{padding-top:112px;padding-bottom:48px}.tutorial-lesson-fixed-buttons{top:56px;left:0;width:100%;flex-direction:row;padding:8px .5rem 14px 20px}.tutorial-lesson-container{min-height:auto;padding-bottom:72px}.tutorial-lesson-empty-state{padding:36px 18px}}.tutorial-subjects-container{max-width:1100px}.tutorial-subjects-header{max-width:760px;margin:0 auto 2.5rem}.tutorial-subjects-header-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#475569;color:#fff}.tutorial-subjects-title{margin-bottom:.75rem}.tutorial-subjects-subtitle{margin-bottom:0}.tutorial-subjects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tutorial-subject-card{width:100%;text-align:left;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:18px;padding:1.25rem;color:var(--color-text-primary);cursor:pointer;transition:border-color .25s ease}[data-theme=dark] .tutorial-subject-card{background:var(--color-bg-secondary)}.tutorial-subject-card:hover{border-color:var(--color-primary)}.tutorial-subject-card-topline{margin-bottom:.9rem}.tutorial-subject-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.35rem .8rem;border-radius:999px;background:#3b82f61f;color:#2563eb;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.tutorial-subject-card-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:650}.tutorial-subject-card-body{margin:0;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.tutorial-subjects-actions{margin-top:2rem;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.tutorial-subjects-link{background:transparent;border:1px solid var(--color-border);border-radius:999px;padding:.65rem 1rem;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}.tutorial-subjects-link:hover{border-color:var(--color-primary)}.tutorial-subjects-link-primary{background:#3b82f61f;border-color:#3b82f659;color:#2563eb;font-weight:600}.tutorial-subjects-link-primary:hover{border-color:#2563eb}.tutorial-subjects-link-pulse{animation:tutorialEditPulse 5s ease-in-out 4}.tutorial-subjects-empty-state{margin-top:1rem}@media(max-width:1280px){.tutorial-subjects-grid{grid-template-columns:1fr}.tutorial-subject-card{padding:1rem}}.report-bug-button{position:fixed;bottom:7px;right:1.5rem;width:40px;height:40px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10000}.report-bug-button:hover{border-color:var(--color-text-primary)}[data-theme=dark] .report-bug-button{background:var(--color-bg-secondary)}@media(max-width:1280px){.report-bug-button{display:none}}.consent-banner-overlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top,rgba(59,130,246,.2),transparent 45%),#0f172a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .consent-banner-overlay{background:radial-gradient(circle at top,rgba(96,165,250,.18),transparent 45%),#0206178c}.consent-banner-card{width:min(100%,560px);max-height:min(90vh,920px);border:1px solid rgba(148,163,184,.28);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#f8fafcfa);box-shadow:0 28px 80px #0f172a33;padding:2rem;color:var(--color-text-primary);display:flex;flex-direction:column;overflow:hidden}.consent-banner-header{display:flex;flex-direction:column}.consent-banner-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.consent-banner-topbar-copy{display:flex;min-width:0;flex:1;flex-direction:column}[data-theme=dark] .consent-banner-card{border-color:#94a3b82e;background:linear-gradient(180deg,#0f172af5,#1e293bfa);box-shadow:0 32px 80px #0206178c}.consent-banner-eyebrow{display:inline-flex;margin-bottom:.85rem;border-radius:999px;background:#3b82f61f;padding:.45rem .8rem;color:#1d4ed8;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .consent-banner-eyebrow{background:#60a5fa2e;color:#bfdbfe}.consent-banner-title{margin:0 0 1rem;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.1}.consent-banner-copy{margin:0;font-size:1rem;line-height:1.65;color:var(--color-text-primary)}.consent-banner-copy-secondary{margin-top:.8rem;color:var(--color-text-secondary)}.consent-banner-tabs{display:flex;flex-wrap:wrap;gap:.65rem}@media(min-width:1281px){.consent-banner-topbar{gap:.55rem;flex-wrap:wrap}.consent-banner-topbar-copy{flex:1 1 100%;gap:.3rem}.consent-banner-title{margin:0 0 .35rem}.consent-banner-tabs{margin-left:0;justify-content:flex-start;margin-top:0;margin-bottom:.55rem}}.consent-banner-tab{border:1px solid rgba(148,163,184,.28);border-radius:999px;background:transparent;padding:.55rem .95rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.consent-banner-tab:hover,.consent-banner-tab.is-active{border-color:#2563eb66;background:#3b82f61a;color:#1d4ed8}[data-theme=dark] .consent-banner-tab{border-color:#94a3b82e}[data-theme=dark] .consent-banner-tab:hover,[data-theme=dark] .consent-banner-tab.is-active{border-color:#93c5fd59;background:#60a5fa29;color:#bfdbfe}.consent-banner-legal-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-top:1rem;padding-right:.2rem}.consent-banner-legal-scroll::-webkit-scrollbar{width:8px}.consent-banner-legal-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b873}.consent-banner-actions{display:flex;justify-content:flex-start;gap:.85rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.16)}.consent-banner-accept-button{min-width:132px}.consent-banner-deny-button{min-width:190px}.consent-banner-accepted-pill{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20001;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:#eff6fff5;box-shadow:0 16px 40px #0f172a24;padding:.85rem 1rem;color:#1d4ed8;font-size:.92rem;font-weight:600;cursor:default}[data-theme=dark] .consent-banner-accepted-pill{border-color:#60a5fa33;background:#1e293bf5;color:#bfdbfe}@media(max-width:1280px){.consent-banner-overlay{align-items:stretch;padding:0}.consent-banner-card{width:100%;max-width:none;max-height:100dvh;height:100dvh;border:none;border-radius:0;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);box-shadow:none}.consent-banner-header{flex-shrink:0}.consent-banner-title{margin:0;font-size:1.3rem;line-height:1.3}.consent-banner-copy{font-size:.95rem;line-height:1.55}.consent-banner-topbar{position:sticky;top:0;z-index:2;align-items:flex-start;gap:.75rem;padding-bottom:.85rem;background:inherit}.consent-banner-eyebrow{margin-bottom:0;flex-shrink:0}.consent-banner-topbar-copy{gap:.45rem}.consent-banner-tabs{justify-content:flex-end;gap:.5rem;margin-left:auto}.consent-banner-legal-scroll{margin-top:0;padding-right:0;padding-bottom:.85rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.consent-banner-actions{flex-shrink:0;margin-top:0;padding-top:1rem;flex-direction:column;background:inherit}.consent-banner-accept-button,.consent-banner-deny-button{width:100%}.consent-banner-accepted-pill{right:1rem;bottom:1rem;max-width:calc(100vw - 2rem);padding:.8rem .9rem;font-size:.88rem}}@media(max-width:640px){.consent-banner-card{padding:calc(env(safe-area-inset-top,0px) + .85rem) .85rem calc(env(safe-area-inset-bottom,0px) + .85rem)}.consent-banner-topbar{align-items:flex-start;flex-wrap:wrap}.consent-banner-topbar-copy{width:100%}.consent-banner-tabs{width:100%;justify-content:flex-start;margin-left:0}.consent-banner-tab{padding:.5rem .85rem;font-size:.88rem}.consent-banner-copy-secondary{margin-top:.65rem}}.toasts-root{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:10001}.toasts-toast{padding:8px 12px;border-radius:4px;color:#fff;font-size:.875rem;box-shadow:0 2px 6px #0000001f;cursor:pointer;max-width:280px}@media(max-width:1280px){.toasts-toast{padding:6px 9px;font-size:.75rem;max-width:210px}}.toasts-toast-success-info{background:#4caf50}.toasts-toast-error-warning{background:#e57373}.toasts-toast-community-update{background:#2a5faa;max-width:420px;padding:14px 18px;font-size:.95rem;line-height:1.5}@media(max-width:1280px){.toasts-toast-community-update{max-width:280px;padding:10px 12px;font-size:.82rem}}