.navbar{background:rgba(var(--surface),.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding-top:env(safe-area-inset-top,0);border-bottom:1px solid rgba(var(--border),.5);box-shadow:0 1px 2px #0000000d;transition:background .3s,opacity .2s ease,visibility .2s ease,transform .32s cubic-bezier(.22,1,.36,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.navbar.menu-open{background:rgb(var(--surface));backdrop-filter:none}.navbar--hidden{transform:translate3d(0,-100%,0);pointer-events:none}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4.5rem;padding:0 1rem}.navbar-logo{text-decoration:none;font-size:1.5rem;font-weight:800;color:rgb(var(--text-main));display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 0}.logo-text .highlight{color:rgb(var(--primary))}.navbar-logo:active{transform:scale(.97);filter:brightness(.92)}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:rgb(var(--text-muted));font-size:.95rem;font-weight:600;cursor:pointer;padding:.5rem .25rem;transition:all .2s ease;border-radius:var(--radius-sm)}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:rgb(var(--primary))}.nav-dropdown-trigger:active{transform:scale(.97);filter:brightness(.92)}.nav-dropdown-trigger .chevron{transition:transform .2s ease;opacity:.7}.nav-dropdown-trigger .chevron.rotate{transform:rotate(180deg);opacity:1}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(10px);background:rgba(var(--surface),.98);backdrop-filter:blur(20px);border:1px solid rgba(var(--border),.15);border-radius:var(--radius-md);box-shadow:0 10px 30px -10px #0003;min-width:180px;padding:.6rem;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000}.nav-dropdown-menu.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-grid{display:flex;flex-direction:column;gap:.25rem}.dropdown-link{text-decoration:none;color:rgb(var(--text-main));padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center}.dropdown-link:hover{background:rgba(var(--primary),.08);color:rgb(var(--primary))}.dropdown-link:active{transform:scale(.97);filter:brightness(.92)}.dropdown-link.active{background:rgba(var(--primary),.1);color:rgb(var(--primary));font-weight:600}.nav-actions{display:flex;gap:1.25rem;align-items:center}.auth-btns{display:flex;gap:.75rem}.user-nav-actions{display:flex;align-items:center;gap:1.25rem}.theme-toggle-btn{background:none;border:none;cursor:pointer;color:rgb(var(--text-muted));padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.theme-toggle-btn:hover{background:rgba(var(--border),.15);color:rgb(var(--text-primary))}.theme-toggle-btn:active{transform:scale(.97);filter:brightness(.92)}.logout-btn-nav{background:none;border:1px solid rgba(var(--border),.3);color:rgb(var(--text-muted));padding:.6rem 1rem;min-height:44px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn-nav:hover{border-color:rgb(var(--danger));color:rgb(var(--danger));background:rgba(var(--danger),.1)}.logout-btn-nav:active{transform:scale(.97);filter:brightness(.92)}.profile-link{display:flex;align-items:center;border-radius:50%;transition:transform .2s}.profile-link:hover{transform:scale(1.05)}.profile-link:active{transform:scale(.97);filter:brightness(.92)}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:rgb(var(--text-main));z-index:1100;width:44px;height:44px;padding:0;margin-right:-.5rem;align-items:center;justify-content:center}.mobile-toggle:active{transform:scale(.97);filter:brightness(.92)}.mobile-menu{position:fixed;top:4.5rem;left:0;right:0;bottom:0;background:rgb(var(--surface));padding:1.5rem 1.25rem;padding-bottom:env(safe-area-inset-bottom,1.5rem);display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(var(--border),.1);box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease-out;z-index:1050;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:calc(100dvh - 4.5rem)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-group{margin-bottom:.25rem}.mobile-nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:var(--radius-sm);color:rgb(var(--primary));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s;opacity:.8}.mobile-nav-group-header:hover{background:rgba(var(--border),.1)}.mobile-nav-group-header:active{transform:scale(.97);filter:brightness(.92)}.mobile-nav-group-items{display:flex;flex-direction:column;gap:.15rem;padding-left:.5rem}.mobile-menu-divider{border:none;border-top:1px solid rgba(var(--border),.15);margin:.75rem 0}.mobile-link{text-decoration:none;color:rgb(var(--text-main));font-size:1.1rem;font-weight:500;padding:.75rem 1rem;display:flex;align-items:center;transition:background .2s;border-radius:var(--radius-sm)}.mobile-link:active{transform:scale(.97);filter:brightness(.92)}.mobile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media(max-width:768px){.desktop-only{display:none}.mobile-toggle{display:block}.navbar-content{height:3rem;padding:0 1rem}.mobile-menu{top:3rem;height:calc(100dvh - 3rem);padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.nav-actions{display:none}.main-content{padding-top:clamp(3rem,2vw + 2.5rem,3.5rem)}}.quiz-btn{background:none;border:1px solid rgba(var(--border),.4);cursor:pointer;color:rgb(var(--text-muted));width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.quiz-btn:hover{color:rgb(var(--primary));border-color:rgb(var(--primary));background:rgba(var(--primary),.05)}.quiz-btn.has-quiz{color:rgb(var(--primary));border-color:rgb(var(--primary));animation:quiz-pulse 2s infinite}@keyframes quiz-pulse{0%,to{box-shadow:0 0 rgba(var(--primary),.4)}50%{box-shadow:0 0 0 6px rgba(var(--primary),0)}}.streak-badge-nav{display:flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:linear-gradient(135deg,#ff6b35,#f7b928);border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap}.streak-badge-nav svg{width:16px;height:16px}.streak-badge-nav span{line-height:1}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9998;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:420px;width:calc(100% - 2rem)}@media(max-width:480px){.toast-container{top:auto;bottom:1rem;right:0;left:0;width:100%;padding:0 .75rem}}.toast{pointer-events:auto;min-width:280px;width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);background:rgba(var(--surface),.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--border),.3);box-shadow:0 8px 32px #0000001f;display:flex;align-items:center;gap:.75rem;color:rgb(var(--text-main));font-weight:500;font-size:.9rem;animation:toastEnter .25s ease both}@keyframes toastEnter{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-removing{animation:toastExit .2s ease both}@keyframes toastExit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success{border-left:4px solid #00ac56}.toast-error{border-left:4px solid #ff4757}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid rgb(var(--primary))}.toast-success .toast-icon{color:#00ac56}.toast-error .toast-icon{color:#ff4757}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:rgb(var(--primary))}.toast-content{flex:1;line-height:1.4}.toast-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toast-action-btn{background:rgba(var(--primary),.1);border:none;color:rgb(var(--primary));cursor:pointer;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;transition:background .2s;white-space:nowrap}.toast-action-btn:hover{background:rgba(var(--primary),.2)}.toast-close{background:none;border:none;color:rgb(var(--text-muted));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-notification{cursor:pointer;border-left:4px solid rgb(var(--primary));padding:.75rem .875rem}.toast-notification:hover{background:rgba(var(--primary),.06)}.toast-notification-avatar{position:relative;flex-shrink:0;width:40px;height:40px}.toast-notification-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.toast-notification-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.toast-notification-type-badge{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;background:rgb(var(--card-bg));border:2px solid rgb(var(--card-bg));display:flex;align-items:center;justify-content:center;color:rgb(var(--primary))}.toast-notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.toast-notification-actor{font-weight:600;font-size:.85rem;color:rgb(var(--text-primary))}.toast-notification-text{font-size:.82rem;color:rgb(var(--text-secondary));line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.toast-notification-avatar,.toast-notification-avatar img{width:34px;height:34px}.toast-notification-avatar-placeholder{width:34px;height:34px;font-size:.85rem}.toast-notification-type-badge{width:14px;height:14px}}.quiz-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;overscroll-behavior:contain;animation:quizOverlayIn .25s ease-out both}.quiz-modal-content{background:rgb(var(--surface));border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:quizModalIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes quizOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes quizModalIn{0%{opacity:0;transform:scale(.9) translateY(24px)}to{opacity:1;transform:none}}.quiz-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(var(--border),.5)}.quiz-header-left{display:flex;align-items:center;gap:.5rem;color:rgb(var(--primary-color))}.quiz-header-left h3{margin:0;font-size:1.1rem;color:rgb(var(--text-main))}.quiz-modal-body{padding:1.5rem}.quiz-loading{display:flex;flex-direction:column;gap:1rem}.quiz-skeleton{height:20px;background:rgba(var(--border),.3);border-radius:var(--radius-sm);animation:pulse 1.5s infinite}.quiz-skeleton.short{width:60%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.quiz-empty{text-align:center;padding:2rem 0}.quiz-empty-icon{color:rgb(var(--text-muted));opacity:.3;margin-bottom:1rem}.quiz-empty h4{margin:0 0 .5rem}.quiz-empty p{color:rgb(var(--text-muted));margin:0;font-size:.9rem}.quiz-answered{text-align:center;padding:2rem 0}.quiz-check-icon{color:#2ed573;margin-bottom:1rem}.quiz-answered h4{margin:0 0 .5rem}.quiz-answered p{color:rgb(var(--text-muted));margin:0;font-size:.9rem}.quiz-question-section{margin-bottom:1.25rem}.quiz-subject-tag{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background:rgba(var(--primary-color),.1);color:rgb(var(--primary-color));border-radius:999px;margin-bottom:.75rem}.quiz-question{font-size:1.1rem;line-height:1.5;margin:0}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid rgba(var(--border),.5);border-radius:var(--radius-md);background:rgb(var(--surface));cursor:pointer;transition:all .2s;text-align:left;font-size:.95rem;color:rgb(var(--text-main))}.quiz-option:hover:not(:disabled){border-color:rgb(var(--primary-color));background:rgba(var(--primary-color),.05)}.quiz-option.selected{border-color:rgb(var(--primary-color));background:rgba(var(--primary-color),.1)}.quiz-option:disabled{cursor:not-allowed;opacity:.6}.quiz-option-letter{width:28px;height:28px;border-radius:50%;background:rgba(var(--border),.3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.quiz-option.selected .quiz-option-letter{background:rgb(var(--primary-color));color:#fff}.quiz-option-text{flex:1}.quiz-result{text-align:center;padding:1rem 0}.quiz-result-icon{margin-bottom:.75rem}.quiz-result.correct .quiz-result-icon{color:#2ed573}.quiz-result.incorrect .quiz-result-icon{color:#ff6b81}.quiz-result h4{margin:0 0 .5rem;font-size:1.25rem}.quiz-result.correct h4{color:#2ed573}.quiz-result.incorrect h4{color:#ff6b81}.quiz-result-points{display:flex;align-items:center;justify-content:center;gap:.75rem;color:rgb(var(--text-muted));font-size:.9rem;margin:0 0 1rem}.quiz-result-explanation{text-align:left;background:rgba(var(--border),.1);padding:1rem;border-radius:var(--radius-md);font-size:.9rem}.quiz-result-explanation strong{display:block;margin-bottom:.25rem}.quiz-result-explanation p{margin:0;color:rgb(var(--text-muted));line-height:1.5}.quiz-correct-answer{margin-top:.5rem!important;color:#2ed573!important;font-weight:600}.quiz-modal-body .close-btn{background:none;border:none;cursor:pointer;color:rgb(var(--text-muted));padding:.25rem;border-radius:50%;display:flex;align-items:center}._footer_qyoff_1{border-top:none;padding:0;margin-top:auto;line-height:1}._content_qyoff_8{display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.05rem 0}._nav_qyoff_16{display:flex;gap:.1rem;flex-wrap:wrap;align-items:center}._nav_qyoff_16 a{color:rgba(var(--text-muted),.5);text-decoration:none;font-size:.45rem;transition:color var(--transition-fast);padding:0 .1rem;display:inline;line-height:1}._nav_qyoff_16 a:hover{color:rgba(var(--text-muted),.8)}._feedbackBtn_qyoff_37{color:rgba(var(--text-muted),.5);font-size:.45rem;line-height:1;padding:0 .1rem;background:none;border:none;cursor:pointer;transition:color var(--transition-fast);font-family:inherit}._feedbackBtn_qyoff_37:hover{color:rgba(var(--text-muted),.8)}._nav_qyoff_16 ._feedbackBtn_qyoff_37:before,._feedbackBtn_qyoff_37:before{content:"·";margin-right:.1rem;color:rgba(var(--text-muted),.2)}._nav_qyoff_16 a+a:before{content:"·";margin-right:.1rem;color:rgba(var(--text-muted),.2)}._brand_qyoff_67,._social_qyoff_68,._disclaimer_qyoff_69,._footer-brand_qyoff_70,._footer-social-lite_qyoff_71,._footer-disclaimer_qyoff_72{display:none}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:10010;display:flex;justify-content:center;padding:1rem;pointer-events:none;animation:cookieFadeIn .3s ease}@keyframes cookieFadeIn{0%{opacity:0}to{opacity:1}}.cookie-consent{max-width:440px;width:100%;pointer-events:all;background:rgb(var(--bg-card, var(--background)));border:1px solid rgba(var(--border),.3);border-radius:16px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 8px 32px #0003;animation:cookieSlideUp .35s ease;cursor:default;position:relative}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cookie-close{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:rgb(var(--text-muted));cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.cookie-close:hover{background:rgba(var(--border),.3)}.cookie-icon{color:rgb(var(--primary));display:flex;align-items:center;gap:.5rem}.cookie-icon:after{content:"Privacy";font-size:.75rem;font-weight:600;color:rgb(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.cookie-text h4{font-size:.95rem;margin:0 0 .2rem;color:rgb(var(--text-main))}.cookie-text p{font-size:.82rem;color:rgb(var(--text-muted));line-height:1.45;margin:0}.cookie-text a{color:rgb(var(--primary));text-decoration:underline;display:inline-block;padding:.4rem .3rem;min-height:36px}.cookie-categories{display:flex;flex-direction:column;gap:.4rem;padding:.4rem 0;border-top:1px solid rgba(var(--border),.2);border-bottom:1px solid rgba(var(--border),.2)}.cookie-category{display:flex;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer}.cookie-category input[type=checkbox]{accent-color:rgb(var(--primary));width:16px;height:16px;flex-shrink:0}.cookie-category div{display:flex;flex-direction:column}.cookie-category span{font-size:.72rem;color:rgb(var(--text-muted))}.cookie-actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.cookie-actions .btn{font-size:.82rem;padding:.4rem .8rem}@media(max-width:480px){.cookie-consent-overlay{padding:.5rem}.cookie-consent{border-radius:12px;padding:.85rem 1rem;gap:.5rem}.cookie-actions{flex-direction:column}.cookie-actions .btn{width:100%;justify-content:center}.cookie-icon{display:none}.cookie-text h4{font-size:.9rem}.cookie-text p{font-size:.78rem}.cookie-close{top:.15rem;right:.15rem;width:32px;height:32px}}.quiz-notification-toast{background:rgba(var(--primary),.1);border:1px solid rgba(var(--primary),.3);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.quiz-notification-toast:hover{background:rgba(var(--primary),.15)}.quiz-notification-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.quiz-notification-icon{color:rgb(var(--primary))}.quiz-notification-title{font-weight:600;font-size:.9rem;color:rgb(var(--text-main))}.quiz-notification-time{margin-left:auto;color:rgb(var(--text-muted))}.quiz-notification-preview{display:flex;justify-content:space-between;align-items:center}.quiz-notification-preview p{font-size:.8rem;color:rgb(var(--text-muted));margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-notification-badge{font-size:.75rem;font-weight:600;color:rgb(var(--primary));background:rgba(var(--primary),.1);padding:.15rem .5rem;border-radius:999px}.quiz-notification-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.quiz-notification-modal-content{background:rgb(var(--surface));border-radius:var(--radius-lg);width:100%;max-width:400px;padding:1.5rem}.quiz-notification-modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quiz-notification-modal-header h3{margin:0;font-size:1rem;flex:1}.quiz-notification-modal-header button{background:none;border:none;cursor:pointer;color:rgb(var(--text-muted))}.quiz-notification-modal-body{display:flex;flex-direction:column;gap:1rem}.quiz-notification-question{font-size:.95rem;line-height:1.4;margin:0}.quiz-notification-options{display:flex;flex-direction:column;gap:.5rem}.quiz-notification-option{padding:.75rem;border:1px solid rgba(var(--border),.5);border-radius:var(--radius-sm);background:rgb(var(--surface));cursor:pointer;font-size:.85rem;text-align:left}.quiz-notification-option:hover{border-color:rgb(var(--primary))}.quiz-notification-option.selected{background:rgba(var(--primary),.1);border-color:rgb(var(--primary))}.quiz-notification-result{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-weight:600;padding:.5rem;border-radius:var(--radius-sm)}.quiz-notification-result.correct{color:rgb(var(--success));background:rgba(var(--success),.1)}.quiz-notification-result.incorrect{color:rgb(var(--danger));background:rgba(var(--danger),.1)}.quiz-notification-full-btn{margin-top:.5rem;padding:.75rem;background:rgb(var(--primary));color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.skeleton{background-color:rgba(var(--border),.3);position:relative;overflow:hidden;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-circle{border-radius:50%}.skeleton-card{height:300px;width:100%;margin-bottom:2rem;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.page-transition{animation:pageEnter .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.anim-fade-in{animation:animFadeIn .3s ease-out both;will-change:opacity}@keyframes animFadeIn{0%{opacity:0}to{opacity:1}}.anim-slide-up{animation:animSlideUp .4s cubic-bezier(.25,.46,.45,.94) both;will-change:opacity,transform}@keyframes animSlideUp{0%{opacity:0;transform:translateY(var(--anim-distance, 20px))}to{opacity:1;transform:none}}.anim-scale-in{animation:animScaleIn .3s cubic-bezier(.25,.46,.45,.94) both;will-change:opacity,transform}@keyframes animScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.anim-stagger-container>*{animation:animStaggerItem .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes animStaggerItem{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.anim-stagger-container>*:nth-child(2){animation-delay:calc(var(--stagger-delay, .1s) * 1)}.anim-stagger-container>*:nth-child(3){animation-delay:calc(var(--stagger-delay, .1s) * 2)}.anim-stagger-container>*:nth-child(4){animation-delay:calc(var(--stagger-delay, .1s) * 3)}.anim-stagger-container>*:nth-child(5){animation-delay:calc(var(--stagger-delay, .1s) * 4)}.anim-stagger-container>*:nth-child(6){animation-delay:calc(var(--stagger-delay, .1s) * 5)}.anim-stagger-container>*:nth-child(7){animation-delay:calc(var(--stagger-delay, .1s) * 6)}.anim-stagger-container>*:nth-child(8){animation-delay:calc(var(--stagger-delay, .1s) * 7)}.anim-stagger-container>*:nth-child(9){animation-delay:calc(var(--stagger-delay, .1s) * 8)}.anim-stagger-container>*:nth-child(10){animation-delay:calc(var(--stagger-delay, .1s) * 9)}@media(prefers-reduced-motion:reduce){.page-transition,.anim-fade-in,.anim-slide-up,.anim-scale-in,.anim-stagger-container>*{animation:none}}.auth-container{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,rgb(var(--background)),rgba(var(--primary),.05));padding:2rem 1rem 1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.auth-card{background:rgb(var(--surface));width:100%;max-width:450px;padding:2rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000014;border:1px solid rgba(var(--border),.5);overflow:visible;margin-top:0}@media(max-width:480px){.auth-container{padding:.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));align-items:flex-start;justify-content:flex-start;min-height:100dvh;height:auto}.auth-card{padding:1.25rem;max-width:100%;width:100%;margin-top:0;border-radius:var(--radius-md);overflow:visible}.auth-header,.form-group{margin-bottom:1rem}.consent-section{padding:.75rem}}.auth-header{text-align:center;margin-bottom:2rem;overflow:visible;position:relative;z-index:1}@media(max-width:480px){.auth-header{margin-bottom:1rem}}.auth-logo{display:inline-block;text-decoration:none;font-size:1.75rem;font-weight:800;color:rgb(var(--text-main));margin-bottom:1.5rem}@media(max-width:480px){.auth-logo{margin-bottom:.75rem}}.auth-logo svg{max-width:100%;height:auto}.auth-logo .highlight{color:rgb(var(--primary))}.auth-header h2{font-size:1.5rem;margin-bottom:.5rem;color:rgb(var(--text-main))}.auth-header p{color:rgb(var(--text-muted));font-size:.95rem}@media(max-width:480px){.auth-header h2{font-size:1.25rem;margin-bottom:.4rem}.auth-header p{font-size:.85rem}}.form-group{margin-bottom:1.25rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:rgb(var(--text-main))}.form-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(var(--border),.8);border-radius:var(--radius-md);background:rgb(var(--input-bg));color:rgb(var(--text-main));font-size:1rem;transition:all var(--transition-fast);-webkit-appearance:none;appearance:none}.form-input::placeholder{color:rgb(var(--text-muted))}.form-input:focus{outline:none;border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.1)}.password-wrapper{position:relative}.toggle-password,.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:rgba(var(--text-muted),.08);border:none;cursor:pointer;color:rgb(var(--text-muted));padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;width:34px;height:34px}.toggle-password:hover,.password-toggle:hover{background:rgba(var(--text-muted),.15);color:rgb(var(--text-main))}.toggle-password:active,.password-toggle:active{transform:translateY(-50%) scale(.92);background:rgba(var(--text-muted),.2)}.forgot-link{display:block;text-align:right;font-size:.85rem;color:rgb(var(--primary));text-decoration:none;margin-top:.5rem;font-weight:600}.auth-submit{width:100%;margin-top:1.5rem}.auth-separator{margin:1.5rem 0;text-align:center;position:relative}.auth-separator:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:rgba(var(--border),.5)}.auth-separator span{background:rgb(var(--surface));padding:0 1rem;position:relative;color:rgb(var(--text-muted));font-size:.9rem}.auth-register-link{text-align:center;font-size:.95rem;color:rgb(var(--text-muted))}.auth-register-link a{color:rgb(var(--primary));text-decoration:none;font-weight:600}.back-link{display:inline-block;margin-top:2rem;color:rgb(var(--text-muted));text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.back-link:hover{color:rgb(var(--text-main))}.password-toggle:active{filter:brightness(.92)}.forgot-link:active,.auth-submit:active,.back-link:active{transform:scale(.97);filter:brightness(.92)}.auth-register-link a:active{filter:brightness(.92)}.auth-body{position:relative;z-index:1;min-height:300px}.error-text{font-size:.85rem;margin-top:.3rem}.field-err{color:rgb(var(--danger))}.field-warn{font-size:.85rem;margin-top:.3rem;color:rgb(var(--accent))}.err-centered{color:rgb(var(--danger));text-align:center;margin-top:1rem}.consent-section{margin-top:1rem;padding:1rem;background:rgba(var(--surface),.5);border-radius:var(--radius-md);border:1px solid rgba(var(--border),.3)}.consent-label{display:flex!important;align-items:flex-start!important;gap:.5rem!important;cursor:pointer!important;font-size:.9rem!important;color:rgb(var(--text-main))!important}.consent-label input[type=checkbox]{margin-top:.2rem;width:1.125rem;height:1.125rem;min-width:44px;min-height:44px;opacity:0;position:absolute}.consent-label{position:relative;padding-left:2rem;min-height:44px;display:flex!important;align-items:center!important}.consent-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;border:2px solid rgba(var(--border),.6);border-radius:4px;background:rgb(var(--input-bg));transition:all .15s}.consent-label:has(input:checked):before{background:rgb(var(--primary));border-color:rgb(var(--primary))}.consent-label:has(input:checked):after{content:"✓";position:absolute;left:.3rem;top:50%;transform:translateY(-50%);color:#fff;font-size:.85rem;font-weight:700}.legal-link{color:rgb(var(--page-color));text-decoration:none}.legal-link:hover{text-decoration:underline}.form-actions-bottom{margin-top:1.5rem}.pw-strength{margin-top:.5rem}.pw-strength-bar{height:4px;border-radius:2px;background:rgba(var(--border),.5);margin-bottom:.4rem}.pw-strength-fill{height:100%;border-radius:2px;transition:width .2s,background .2s}.pw-strength-checks{list-style:none;padding:0;margin:0;font-size:.8rem;color:rgba(var(--text-main),.7)}.pw-strength-checks li{margin-bottom:.15rem}.input-with-icon{position:relative}.input-icon-right{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.input-icon-right.spinner{animation:spin .8s linear infinite;color:rgb(var(--text-muted))}.input-icon-right.available{color:#2ed573}.input-icon-right.taken{color:rgb(var(--danger))}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.field-hint{margin-top:.25rem;font-size:.8rem}.success-text{color:#2ed573}.disclaimer-text{text-align:center;font-size:.6rem;color:rgba(var(--text-muted),.5);margin-top:.5rem;padding:0 .5rem}.verify-progress-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem;padding:0 1rem}.progress-step{display:flex;align-items:center;gap:.4rem}.progress-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:rgba(var(--border),.2);color:rgb(var(--text-muted));border:2px solid rgba(var(--border),.3);transition:all .3s;flex-shrink:0}.progress-step.done .progress-step-circle{background:#2ed573;border-color:#2ed573;color:#fff}.progress-step.current .progress-step-circle{border-color:rgb(var(--primary));background:rgba(var(--primary),.1);color:rgb(var(--primary))}.progress-step-label{font-size:.75rem;color:rgb(var(--text-muted));font-weight:500;white-space:nowrap}.progress-step.done .progress-step-label{color:#2ed573}.progress-step.current .progress-step-label{color:rgb(var(--primary));font-weight:600}.progress-step-line{width:24px;height:2px;background:rgba(var(--border),.3);margin:0 .5rem;transition:background .3s}.progress-step-line.done{background:#2ed573}.verified-badge-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:1.25rem auto;max-width:320px;background:#2ed5730f;border-radius:var(--radius-md);border:1px solid rgba(46,213,115,.2)}.badge-preview-icon{position:relative;flex-shrink:0}.badge-check{position:absolute;bottom:-2px;right:-4px;background:#fff;border-radius:50%}.badge-preview-text strong{display:block;font-size:.85rem;color:#2ed573}.badge-preview-text span{font-size:.75rem;color:rgb(var(--text-muted))}.verify-confetti-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;display:flex;justify-content:center}.verify-confetti-piece{position:fixed;pointer-events:none}.upload-progress-diminished{position:fixed;bottom:24px;right:24px;z-index:10005;animation:pillAppear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pillAppear{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-pill{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:999px;border:1px solid rgba(var(--border),.4);background:rgb(var(--surface));box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;user-select:none;-webkit-tap-highlight-color:transparent;min-height:36px}.upload-pill:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000029;background:rgba(var(--primary),.03)}.upload-pill:active{transform:translateY(0) scale(.96);box-shadow:0 2px 8px #0000001a}.upload-pill-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-pill-icon-inner{position:absolute;display:flex;align-items:center;justify-content:center;color:rgb(var(--primary));pointer-events:none}.upload-pill-completed .upload-pill-icon-inner{color:#10b981}.upload-pill-failed .upload-pill-icon-inner{color:#ef4444}.upload-pill-count{font-size:.78rem;font-weight:700;color:rgb(var(--text-main));font-variant-numeric:tabular-nums;min-width:14px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-progress-expanded{position:fixed;bottom:24px;right:24px;width:360px;max-height:420px;background:rgb(var(--surface));border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f;border:1px solid rgba(var(--border),.3);z-index:10005;overflow:hidden;animation:panelExpand .28s cubic-bezier(.22,1,.36,1);transform-origin:bottom right;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes panelExpand{0%{opacity:0;transform:scale(.7) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.upload-progress-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(var(--primary),.04);border-bottom:1px solid rgba(var(--border),.15)}.header-info{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-uploading{background:#3b82f6;animation:pulse-dot 1.2s ease-in-out infinite}.status-dot-completed{background:#10b981}.status-dot-failed{background:#ef4444}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.header-title{font-weight:600;font-size:.85rem;color:rgb(var(--text-main))}.collapse-btn{background:none;border:none;color:rgb(var(--text-muted));cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.collapse-btn:hover{background:rgba(var(--text-muted),.1);color:rgb(var(--text-main))}.collapse-btn:active{transform:scale(.9)}.upload-list{max-height:340px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.upload-list::-webkit-scrollbar{width:4px}.upload-list::-webkit-scrollbar-track{background:transparent}.upload-list::-webkit-scrollbar-thumb{background:rgba(var(--text-muted),.2);border-radius:4px}.upload-item{background:rgb(var(--background));border-radius:var(--radius-sm);padding:.6rem .75rem;border:1px solid rgba(var(--border),.2);transition:border-color .2s ease;animation:itemSlideIn .2s ease both}.upload-item:last-child{margin-bottom:0}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.upload-item-row{display:flex;align-items:center;gap:.6rem}.upload-status-icon{flex-shrink:0;display:flex;align-items:center}.upload-status-icon .spinner{animation:spin 1s linear infinite}.upload-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-filename{font-weight:600;font-size:.8rem;color:rgb(var(--text-main));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-details{font-size:.7rem;color:rgb(var(--text-muted));font-variant-numeric:tabular-nums}.cancel-upload-btn{background:none;border:none;color:rgb(var(--text-muted));cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;opacity:.5}.upload-item:hover .cancel-upload-btn{opacity:1}.cancel-upload-btn:hover{background:#ef44441a;color:#ef4444}.cancel-upload-btn:active{transform:scale(.88)}.upload-progress-bar{margin-top:6px;height:3px;background:rgba(var(--border),.15);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;transition:width .3s ease;border-radius:2px}.upload-uploading{border-color:#3b82f640}.upload-completed{border-color:#10b98140;background:#10b9810a}.upload-failed{border-color:#ef444440;background:#ef44440a}.upload-cancelled{border-color:#f59e0b40;background:#f59e0b0a}@media(max-width:480px){.upload-progress-diminished{right:16px;bottom:80px}.upload-progress-expanded{width:calc(100% - 32px);right:16px;bottom:80px;max-height:380px}.upload-list{max-height:300px}}@media(max-width:768px)and (display-mode:standalone){.upload-progress-diminished,.upload-progress-expanded{bottom:90px}}@keyframes gapSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}.global-audio-player{position:fixed;animation:gapSlideUp .3s ease-out;will-change:transform,opacity;bottom:calc(2rem + env(safe-area-inset-bottom,0px));right:2rem;width:320px;background:rgb(var(--surface));border-radius:var(--radius-md);box-shadow:0 10px 25px #00000026;border:1px solid rgba(var(--border),.5);z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding:0}.gap-content{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;gap:.5rem}.gap-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.gap-icon{width:24px;height:24px;background:rgba(var(--primary),.1);color:rgb(var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gap-details{display:flex;flex-direction:column;min-width:0}.gap-filename{font-size:.75rem;font-weight:600;color:rgb(var(--text-main));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gap-time{font-size:.65rem;color:rgb(var(--text-muted))}.gap-controls{display:flex;align-items:center;gap:.25rem}.gap-btn{background:none;border:none;color:rgb(var(--text-main));cursor:pointer;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.gap-btn:hover{background:rgba(var(--border),.3);color:rgb(var(--primary))}.gap-btn.close:hover{color:#ff4757}.gap-progress-container{height:3px;background:rgba(var(--border),.2);width:100%;overflow:hidden}.gap-progress-fill{height:100%;background:rgb(var(--primary));transition:width .1s linear}@media(max-width:768px){.global-audio-player{bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem;left:1rem;width:auto}}.hero-section{padding:6rem 0 4rem;background:linear-gradient(135deg,rgba(var(--primary),.05),rgba(var(--secondary),.05));position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(var(--primary),.1);color:rgb(var(--primary));padding:.5rem 1rem;border-radius:2rem;font-weight:600;font-size:.9rem;margin-bottom:1.5rem}.hero-text h1{font-size:3.5rem;line-height:1.25;margin-bottom:1.5rem;color:rgb(var(--text-main));font-weight:800}.highlight-text{color:rgb(var(--primary));background:linear-gradient(120deg,rgba(var(--primary),.2),rgba(var(--primary),0));background-repeat:no-repeat;background-size:100% 40%;background-position:0 88%}.hero-subtitle{font-size:1.25rem;color:rgb(var(--text-muted));margin-bottom:2.5rem;max-width:90%}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.hero-cta .btn-lg{padding:1rem 2rem;font-size:1.1rem}.hero-stats{display:flex;align-items:center;gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-item strong{font-size:1.5rem;color:rgb(var(--text-main));line-height:1}.stat-item span{font-size:.9rem;color:rgb(var(--text-muted))}.separator{width:1px;height:40px;background:rgba(var(--text-muted),.3)}.mock-image-container{position:relative;width:100%;max-width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:968px){.mock-image-container{overflow:visible}}.main-img{width:90%;height:auto;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a;position:relative;z-index:2;object-fit:cover;aspect-ratio:4/3}.blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:1}.blob-1{width:300px;height:300px;background:rgba(var(--primary),.2);top:0;right:0}.blob-2{width:250px;height:250px;background:rgba(var(--secondary),.2);bottom:0;left:0}.floating-card{position:absolute;background:rgb(var(--surface));padding:1rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 20px #0000001a;z-index:3;width:200px}.card-1{bottom:10%;left:10px;animation:float 4s ease-in-out infinite}@media(min-width:1200px){.card-1{left:-5%}}.icon-box{width:40px;height:40px;background:rgb(var(--background));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.text-box{display:flex;flex-direction:column}.text-box strong{font-size:.9rem;color:rgb(var(--text-main))}.text-box span{font-size:.75rem;color:rgb(var(--primary))}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features-section{padding:6rem 0;background:rgb(var(--surface))}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:rgb(var(--text-main))}.section-header p{color:rgb(var(--text-muted));font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{text-align:center;padding:2.5rem;transition:transform var(--transition-fast)}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:rgba(var(--primary),.1);color:rgb(var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-users{color:rgb(var(--primary));background:rgba(var(--primary),.1)}.icon-book{color:rgb(var(--secondary));background:rgba(var(--secondary),.1)}.icon-shield{color:rgb(var(--accent));background:rgba(var(--accent),.1)}.feature-card h3{margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:rgb(var(--text-muted))}.cta-section{padding:6rem 0;background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--primary-dark)));color:#fff;text-align:center}.cta-box h2{font-size:2.5rem;margin-bottom:1rem}.cta-box p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn-white{background:#fff;color:rgb(var(--primary))}.btn-white:hover{background:#ffffffe6;transform:translateY(-2px)}.btn-white:active{transform:scale(.97);filter:brightness(.92)}@media(max-width:968px){.hero-section{padding:3rem 0 2rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-subtitle{max-width:100%}.hero-cta{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center;flex-wrap:wrap;gap:1rem}.mock-image-container{height:350px;margin-top:1rem;max-width:100%;margin-inline:-.5rem}.hero-content{gap:1.5rem}}@media(max-width:480px){.hero-section{padding:2rem 0 1.5rem}.hero-text h1{font-size:1.6rem;overflow-wrap:break-word}.hero-text{overflow:visible}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;gap:.75rem}.hero-cta .btn-lg{width:100%;justify-content:center;padding:.85rem 1.25rem;font-size:1rem}.hero-subtitle{max-width:100%;font-size:.95rem}.hero-stats{flex-direction:column;gap:.75rem}.hero-stats .stat-item{align-items:center}.separator{display:none}.hero-badge{font-size:.8rem;padding:.35rem .75rem}.mock-image-container{height:260px;margin-top:.5rem;margin-inline:-.75rem}.main-img{width:100%;border-radius:var(--radius-md)}.floating-card{width:130px;padding:.5rem .75rem}.card-1{bottom:5%;left:4px}.icon-box{width:32px;height:32px;font-size:1rem}.text-box strong{font-size:.75rem}.text-box span{font-size:.65rem}.features-section{padding:3rem 0}.section-header h2{font-size:1.6rem}.features-grid{grid-template-columns:1fr;gap:1rem}.cta-section{padding:3rem 0}.cta-box h2{font-size:1.6rem}.faq-section{padding:3rem 0}.homepage-footer{padding:2.5rem 0 1.5rem}}.homepage{display:flex;flex-direction:column;min-height:100dvh}.homepage-footer{background:rgb(var(--surface));padding:4rem 0 2rem;border-top:1px solid rgba(var(--border),.5);margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:rgb(var(--text-muted));text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;min-height:44px;padding:.5rem 0;display:inline-flex;align-items:center}.footer-links a:hover{color:rgb(var(--primary))}.footer-links a:active{transform:scale(.97);filter:brightness(.92)}.footer-social{display:flex;gap:1.5rem}.social-icon{color:rgb(var(--text-muted));transition:all .2s;background:rgba(var(--border),.2);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.social-icon:hover{color:#fff;background:rgb(var(--primary));transform:translateY(-3px)}.copyright{color:rgb(var(--text-muted));font-size:.85rem;opacity:.8}@media(max-width:600px){.footer-links{gap:1rem;flex-direction:column;align-items:center}.footer-content{gap:1.5rem}}.pulse-section{padding:4rem 0;background:linear-gradient(135deg,rgba(var(--primary),.05),rgba(var(--secondary),.05))}.pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.pulse-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgb(var(--surface));border-radius:var(--radius-lg);border:1px solid rgba(var(--border),.5)}.pulse-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary),.1);border-radius:50%;color:rgb(var(--primary))}.pulse-icon .pulse-dot{position:absolute;top:0;right:0;width:12px;height:12px;background:#2ecc71;border-radius:50%;border:2px solid rgb(var(--surface));animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.pulse-content{display:flex;flex-direction:column}.pulse-content strong{font-size:1.5rem;color:rgb(var(--text-main))}.pulse-content span{font-size:.85rem;color:rgb(var(--text-secondary))}.trending-topics{text-align:center}.trending-topics h4{margin-bottom:1rem;color:rgb(var(--text-main))}.topic-tags{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.topic-tag{padding:.5rem 1rem;background:rgb(var(--surface));border:1px solid rgba(var(--border),.5);border-radius:20px;text-decoration:none;color:rgb(var(--text-main));font-weight:500;transition:all .2s}.topic-tag:hover{background:rgb(var(--primary));color:#fff;border-color:rgb(var(--primary))}.topic-tag:active{transform:scale(.97);filter:brightness(.92)}.faq-section{padding:6rem 0;background:#f8f9fa}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.faq-item{padding:2rem;background:#fff;border:1px solid rgba(0,0,0,.05)}.faq-item h3{font-size:1.25rem;margin-bottom:1rem;color:rgb(var(--primary))}.faq-item p{color:rgb(var(--text-muted));line-height:1.6}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.achievement-unlock-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);pointer-events:auto;animation:toastFadeIn .3s ease-out both}@keyframes toastFadeIn{0%{opacity:0}to{opacity:1}}.achievement-confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.achievement-confetti-particle{position:absolute;top:-10px;animation:confettiFall var(--fall-duration, 1s) ease-in var(--fall-delay, 0s) both;will-change:transform,opacity}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(200px) rotate(var(--fall-rotate, 360deg));opacity:0}}.achievement-unlock-card{position:relative;background:var(--card-bg);border-radius:20px;padding:2rem 2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d,0 0 0 1px #f1c40f33;overflow:hidden;animation:toastCardIn .5s cubic-bezier(.34,1.56,.64,1) .15s both;will-change:transform,opacity}@keyframes toastCardIn{0%{transform:scale(.3) translateY(50px);opacity:0}to{transform:none;opacity:1}}.achievement-unlock-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f1c40f0d,#f1c40f05);border-radius:20px;pointer-events:none}.achievement-unlock-close{position:absolute;top:.75rem;right:.75rem;background:var(--surface);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;z-index:2}.achievement-unlock-close:hover{background:#e74c3c26;color:#e74c3c}.achievement-unlock-icon-wrap{margin-bottom:1rem}.achievement-unlock-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f1c40f26,#f1c40f0d);font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(241,196,15,.3));animation:toastIconIn .45s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes toastIconIn{0%{transform:rotate(-20deg) scale(0)}to{transform:none}}.achievement-unlock-content{position:relative;z-index:1;animation:toastContentIn .35s ease-out .4s both}@keyframes toastContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.achievement-unlock-badge{display:inline-block;padding:.2rem .8rem;background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.achievement-unlock-name{margin:0 0 .35rem;font-size:1.4rem;font-weight:800;color:var(--text)}.achievement-unlock-desc{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.achievement-unlock-rewards{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.achievement-unlock-reward{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;border-radius:10px;font-size:.82rem;font-weight:600}.achievement-unlock-reward.xp{background:#8e44ad1f;color:#8e44ad}.reward-pop{animation:rewardPop .3s cubic-bezier(.34,1.56,.64,1) .5s both}.reward-pop-delay{animation-delay:.6s}@keyframes rewardPop{0%{transform:scale(0)}to{transform:scale(1)}}.achievement-unlock-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text-secondary);font-size:.78rem;transition:all .2s}.achievement-unlock-link:hover{background:rgba(var(--primary-rgb),.08);border-color:rgb(var(--primary));color:rgb(var(--primary))}@media(max-width:480px){.achievement-unlock-card{padding:1.5rem}.achievement-unlock-icon{width:60px;height:60px;font-size:2rem}.achievement-unlock-name{font-size:1.1rem}}select{min-height:44px;max-width:100%;padding:.6rem 2rem .6rem .9rem;font-size:1rem;font-family:inherit;color:rgb(var(--text-main));background-color:rgb(var(--input-bg));background-image:none;border:1.5px solid rgba(var(--border),.6);border-radius:var(--radius-md);cursor:pointer;appearance:auto;-webkit-appearance:auto;transition:border-color .2s ease,box-shadow .2s ease}select:focus{outline:none;border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.12)}select:disabled{opacity:.55;cursor:not-allowed}.dark select{background-color:rgb(var(--background));border-color:rgba(var(--border),.4);color:rgb(var(--text-main))}select option{background:rgb(var(--surface));color:rgb(var(--text-main))}select.audience-select,select.academic-subject-select{min-height:0;max-width:none}.form-group select:not(.audience-select),.modal select:not(.audience-select):not(.academic-subject-select),.modal-content select:not(.audience-select):not(.academic-subject-select),.custom-modal-body select,.phase-form select{width:100%}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1.4;border-radius:9999px;white-space:nowrap;transition:all .2s ease}.badge-primary{background:rgba(var(--primary),.12);color:rgb(var(--primary))}.badge-secondary{background:rgba(var(--secondary),.12);color:rgb(var(--secondary))}.badge-success{background:rgba(var(--success),.12);color:rgb(var(--success))}.badge-warning{background:rgba(var(--warning),.12);color:rgb(var(--warning))}.badge-danger{background:rgba(var(--danger),.12);color:rgb(var(--danger))}.badge-info{background:rgba(var(--info),.12);color:rgb(var(--info))}.badge-outline{background:transparent;border:1.5px solid currentColor}.badge-sm{padding:.15rem .5rem;font-size:.65rem}.badge-lg{padding:.35rem .85rem;font-size:.85rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.badge-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:.15rem;margin-right:-.25rem;background:none;border:none;border-radius:50%;color:currentColor;font-size:1rem;line-height:1;opacity:.6;cursor:pointer;transition:all .15s ease}.badge-remove:hover{opacity:1;background:#0000001a}.tabs{display:flex;flex-direction:column;width:100%}.tabs-row{display:flex;gap:0;border-bottom:2px solid rgba(var(--border),.5);overflow-x:auto;scrollbar-width:none}.tabs-row::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:rgb(var(--text-muted));font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:44px}.tab:hover{color:rgb(var(--text-main));background:rgba(var(--border),.1)}.tab:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:-2px}.tab-active{color:rgb(var(--primary));border-bottom-color:rgb(var(--primary));font-weight:600}.tab-disabled{opacity:.5;cursor:not-allowed}.tab-icon{display:flex;align-items:center}.tab-panel{padding:var(--space-lg) 0;animation:tab-fade-in .2s ease}.tab-panel[hidden]{display:none}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs-pill .tabs-row{gap:.5rem;border-bottom:none;background:rgba(var(--border),.15);padding:.25rem;border-radius:var(--radius-md)}.tabs-pill .tab{border-bottom:none;border-radius:calc(var(--radius-md) - .25rem);margin-bottom:0;flex:1}.tabs-pill .tab-active{background:rgb(var(--surface));box-shadow:0 1px 3px #00000014}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:380px;width:calc(100% - 2rem);pointer-events:none}.toast-top-right{top:calc(1rem + env(safe-area-inset-top,0px));right:1rem}.toast-top-left{top:calc(1rem + env(safe-area-inset-top,0px));left:1rem}.toast-bottom-right{bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem}.toast-bottom-left{bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:1rem}.toast-top-center{top:calc(1rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%)}.toast-bottom-center{bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%)}.toast-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgb(var(--surface));border:1px solid rgba(var(--border),.5);border-left:4px solid;border-radius:var(--radius-md);box-shadow:0 10px 30px -10px #0003;pointer-events:auto;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;margin-top:.1rem}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.9rem;color:rgb(var(--text-main));margin-bottom:.15rem}.toast-message{font-size:.85rem;color:rgb(var(--text-muted));line-height:1.4}.toast-action{margin-top:.5rem;padding:.35rem .75rem;background:none;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.toast-action:hover{background:#0000000d}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:rgb(var(--text-muted));cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.toast-close:hover{background:rgba(var(--border),.2);color:rgb(var(--text-main))}@media(max-width:480px){.toast-container{max-width:100%;width:calc(100% - 1.5rem);left:.75rem;right:.75rem;transform:none!important}.toast-top-center,.toast-bottom-center{left:.75rem;right:.75rem;transform:none!important}}.tooltip{position:fixed;z-index:9999;pointer-events:none;will-change:top,left;animation:tooltip-fade-in .15s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-content{padding:.5rem .75rem;background:rgb(var(--text-main));color:rgb(var(--background));font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:0 4px 12px #00000026;max-width:250px;text-align:center}.tooltip-arrow{position:absolute;width:8px;height:8px;background:rgb(var(--text-main))}.tooltip[data-placement=top] .tooltip-arrow,.tooltip[data-placement=bottom] .tooltip-arrow{left:var(--arrow-offset, 50%);transform:translate(-50%) rotate(45deg)}.tooltip[data-placement=top] .tooltip-arrow{bottom:-4px}.tooltip[data-placement=bottom] .tooltip-arrow{top:-4px}.tooltip[data-placement=left] .tooltip-arrow,.tooltip[data-placement=right] .tooltip-arrow{top:var(--arrow-offset, 50%);transform:translateY(-50%) rotate(45deg)}.tooltip[data-placement=left] .tooltip-arrow{right:-4px}.tooltip[data-placement=right] .tooltip-arrow{left:-4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;min-height:44px;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);user-select:none;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:rgb(var(--primary));color:rgb(var(--btn-text));box-shadow:0 2px 8px rgba(var(--primary),.3)}.btn-primary:hover:not(:disabled){background:rgb(var(--primary-dark));box-shadow:0 4px 12px rgba(var(--primary),.4);transform:translateY(-1px)}.btn-secondary{background:rgb(var(--secondary));color:#fff}.btn-secondary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-outline:hover:not(:disabled){background:rgba(var(--primary),.08)}.btn-ghost{background:transparent;color:rgb(var(--text-muted))}.btn-ghost:hover:not(:disabled){background:rgba(var(--border),.15);color:rgb(var(--text-main))}.btn-danger{background:rgb(var(--danger));color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:.45rem .9rem;font-size:.8rem;min-height:36px}.btn-lg{padding:.85rem 1.75rem;font-size:1rem;min-height:52px}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s}.btn:active:after{opacity:1}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.875rem;font-weight:600;color:rgb(var(--text-main))}.form-input-field,.form-select{width:100%;padding:.7rem .9rem;font-size:.95rem;background:rgb(var(--input-bg));border:1.5px solid rgba(var(--border),.6);border-radius:var(--radius-md);color:rgb(var(--text-main));transition:all .2s ease;min-height:44px}.form-input-field:focus,.form-select:focus{outline:none;border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.12)}.form-input-field::placeholder{color:rgb(var(--text-muted))}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper.has-icon .form-input-field{padding-left:2.5rem}.input-wrapper.has-icon .input-icon{position:absolute;left:.8rem;color:rgb(var(--text-muted));display:flex;align-items:center;pointer-events:none}.select-wrapper{position:relative;display:flex;align-items:center}.form-select{appearance:none;padding-right:2.5rem;cursor:pointer}.select-chevron{position:absolute;right:.8rem;color:rgb(var(--text-muted));pointer-events:none}.has-error .form-input-field,.has-error .form-select{border-color:rgb(var(--danger))}.has-error .form-input-field:focus,.has-error .form-select:focus{box-shadow:0 0 0 3px rgba(var(--danger),.12)}.field-error{font-size:.8rem;color:rgb(var(--danger));display:flex;align-items:center;gap:.35rem}.field-hint{font-size:.8rem;color:rgb(var(--text-muted))}.card{background:rgb(var(--surface));border-radius:var(--radius-lg);border:1px solid rgba(var(--border),.5);transition:all .2s ease}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(var(--primary),.1)}.card-interactive:active{transform:translateY(0)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(var(--border),.2) 25%,rgba(var(--border),.4),rgba(var(--border),.2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active:not(:disabled){transform:none}.card-interactive:hover{transform:none}}@media(pointer:coarse){.btn,.tab,.toast-close,.badge-remove{min-height:44px;min-width:44px}}.dark .badge-primary{background:rgba(var(--primary),.2)}.dark .badge-secondary{background:rgba(var(--secondary),.2)}.dark .badge-success{background:rgba(var(--success),.2)}.dark .badge-warning{background:rgba(var(--warning),.2)}.dark .badge-danger{background:rgba(var(--danger),.2)}.dark .badge-info{background:rgba(var(--info),.2)}.dark .badge-outline{border-color:currentColor}.dark .badge-remove:hover{background:#ffffff1a}.dark .tabs-row{border-bottom-color:rgba(var(--border),.3)}.dark .tab:hover{background:rgba(var(--border),.15)}.dark .tabs-pill .tabs-row{background:rgba(var(--border),.2)}.dark .tabs-pill .tab-active{background:rgb(var(--card-bg));box-shadow:0 1px 3px #0003}.dark .toast-item{background:rgb(var(--card-bg));border-color:rgba(var(--border),.3);box-shadow:0 10px 30px -10px #0006}.dark .toast-action:hover{background:#ffffff0d}.dark .toast-close:hover{background:#ffffff1a}.dark .tooltip-content{background:rgb(var(--card-bg));color:rgb(var(--text-main));box-shadow:0 4px 12px #0000004d;border:1px solid rgba(var(--border),.3)}.dark .tooltip-arrow{background:rgb(var(--card-bg))}.dark .btn-primary{box-shadow:0 2px 8px rgba(var(--primary),.4)}.dark .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary),.5)}.dark .btn-outline{border-color:rgba(var(--primary),.7)}.dark .btn-outline:hover:not(:disabled){background:rgba(var(--primary),.15)}.dark .btn-ghost:hover:not(:disabled){background:#ffffff14}.dark .form-input-field,.dark .form-select{background:rgb(var(--background));border-color:rgba(var(--border),.4)}.dark .form-input-field:focus,.dark .form-select:focus{border-color:rgb(var(--primary));box-shadow:0 0 0 3px rgba(var(--primary),.2)}.dark .card{background:rgb(var(--card-bg));border-color:rgba(var(--border),.3)}.dark .card-interactive:hover{box-shadow:0 8px 25px -5px #0000004d}.dark .skeleton{background:linear-gradient(90deg,rgba(var(--border),.15) 25%,rgba(var(--border),.25),rgba(var(--border),.15) 75%)}.dark .modal,.dark .modal-content{box-shadow:0 20px 40px #0006}.dark .modal-header{background:rgb(var(--card-bg))}:root{--primary: 255, 107, 107;--primary-dark: 238, 82, 83;--secondary: 72, 219, 251;--accent: 254, 202, 87;--page-color: 74, 144, 226;--group-color: 46, 213, 115;--background: 248, 249, 250;--surface: 255, 255, 255;--card-bg: 255, 255, 255;--input-bg: 255, 255, 255;--dropdown-bg: 255, 255, 255;--text-main: 33, 37, 41;--text-muted: 108, 117, 125;--border: 233, 236, 239;--danger: 220, 53, 69;--error: 239, 68, 68;--success: 40, 167, 69;--warning: 255, 193, 7;--info: 23, 162, 184;--btn-text: 255, 255, 255;--text-xs: clamp(.69rem, .11vw + .67rem, .75rem);--text-sm: clamp(.8rem, .17vw + .76rem, .875rem);--text-base: clamp(.94rem, .23vw + .88rem, 1rem);--text-lg: clamp(1.06rem, .32vw + .98rem, 1.125rem);--text-xl: clamp(1.19rem, .43vw + 1.08rem, 1.25rem);--text-2xl: clamp(1.33rem, .58vw + 1.19rem, 1.5rem);--text-3xl: clamp(1.58rem, .9vw + 1.36rem, 2rem);--text-4xl: clamp(1.88rem, 1.39vw + 1.52rem, 2.5rem);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .4s cubic-bezier(.25, 1, .5, 1)}.dark{--background: 13, 17, 23;--surface: 22, 27, 34;--card-bg: 33, 38, 45;--input-bg: 13, 17, 23;--dropdown-bg: 22, 27, 34;--text-main: 201, 209, 217;--text-muted: 139, 148, 158;--btn-text: 20, 22, 32;--primary: 201, 123, 123;--primary-dark: 181, 103, 103;--secondary: 135, 185, 201;--accent: 184, 155, 108;--border: 48, 54, 61;--danger: 248, 113, 113;--success: 74, 222, 128;--warning: 251, 191, 36;--info: 96, 165, 250}.star-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{margin:0;padding:0;height:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}body{margin:0;padding:0;width:100%;min-height:100%;overflow-wrap:break-word;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:rgb(var(--background));color:rgb(var(--text-main));line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-weight:700;line-height:1.25}@media screen and (max-width:768px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}img{max-width:100%;height:auto}.app-container{min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:100%}.main-content{flex:1 1 auto;width:100%;max-width:100%;overflow:visible;padding-top:clamp(3rem,2vw + 2.5rem,4.5rem);transition:margin-top .32s cubic-bezier(.22,1,.36,1);will-change:margin-top;min-height:calc(100dvh - clamp(3rem,2vw + 2.5rem,4.5rem))}body.navbar-hidden .main-content{margin-top:calc(-1*clamp(3rem,2vw + 2.5rem,4.5rem))}.page-container{width:100%;max-width:min(100%,1200px);margin-inline:auto;padding-inline:clamp(.75rem,2vw,1.5rem)}@media(min-width:1400px){.page-container{max-width:1100px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}@media(max-width:768px){.container{padding:0 1.25rem}}:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-height:44px;min-width:44px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:var(--text-base);gap:.5rem;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97);filter:brightness(.92);box-shadow:0 2px 3px -1px #00000014}.btn-primary:active{background-color:rgb(var(--primary-dark));box-shadow:0 2px 4px -1px rgba(var(--primary),.2)}.btn-outline:active{background:rgba(var(--primary),.18);border-color:rgb(var(--primary-dark))}@media(prefers-reduced-motion:reduce){.btn:active{transform:none;filter:none}}.btn-primary{background-color:rgb(var(--primary));color:rgb(var(--btn-text));box-shadow:0 4px 14px -2px rgba(var(--primary),.35)}.btn-primary:hover{background-color:rgb(var(--primary-dark));transform:translateY(-2px);box-shadow:0 6px 20px -2px rgba(var(--primary),.45)}.btn-outline{background:transparent;border:2px solid rgb(var(--primary));color:rgb(var(--primary))}.btn-outline:hover{background:rgba(var(--primary),.1)}.card{background:rgb(var(--surface));border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(var(--border),.6);box-shadow:0 4px 20px -2px rgba(var(--primary),.04);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:0 12px 30px -4px rgba(var(--primary),.08);transform:translateY(-2px)}button.debounced-click:not(:disabled){pointer-events:auto}button.debounced-click:not(:disabled):active{filter:brightness(.85)}button.cooling-down{opacity:.6;cursor:wait!important;pointer-events:none}a.cooling-down,[role=button].cooling-down{pointer-events:none;opacity:.6}button:not(:disabled):not([class*=hidden]):active,[role=button]:not(:disabled):active,[role=tab]:not(:disabled):active,[role=menuitem]:not(:disabled):active,[role=option]:not(:disabled):active{filter:brightness(.9);transition:filter .06s ease}a:active,.clickable:active,label:active{opacity:.78;transition:opacity .06s ease}.interactive-card:active,.card-hover:active{transform:scale(.98);filter:brightness(.96)}.close-btn:active,.icon-btn:active{transform:scale(.88);background:rgba(var(--border),.6)}.send-btn:active{transform:scale(.88);filter:brightness(.85)}.toggle-btn:active,.theme-toggle-btn:active{transform:scale(.9);background:rgba(var(--border),.2)}@media(prefers-reduced-motion:reduce){button:not(:disabled):active,a:active,.interactive-card:active,.card-hover:active{filter:none;transform:none;opacity:1}}@media(max-width:768px){.card{padding:var(--space-md)}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;color:rgb(var(--btn-text))!important;font-weight:700!important;text-transform:uppercase!important;overflow:hidden!important}.avatar-img{border-radius:50%!important;object-fit:cover!important}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:modalFadeIn .3s ease-out;overscroll-behavior:contain}.modal,.modal-content{background:rgb(var(--surface));border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 20px 40px #0003;position:relative;border:1px solid rgba(var(--border),.5);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--border),.5);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgb(var(--surface));z-index:10}.modal-header h3{font-size:1.1rem;font-weight:800;margin:0;color:rgb(var(--text-main))}.modal-body{padding:1.5rem}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-content{max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:auto;animation:modalSlideUpMobile .35s cubic-bezier(.22,1,.36,1);padding-bottom:env(safe-area-inset-bottom,0)}.modal:before{content:"";display:block;width:36px;height:4px;background:rgba(var(--text-muted),.25);border-radius:4px;margin:8px auto 0;flex-shrink:0}.modal-header{padding:.75rem 1rem}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}}@keyframes modalSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.time-picker-container{position:relative;display:flex;align-items:center;flex:1}.time-picker-btn{position:absolute;right:8px;background:none;border:none;color:rgb(var(--primary));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background .2s;z-index:2}.time-picker-btn:hover{background:rgba(var(--primary),.1)}.datetime-input-group{display:grid;grid-template-columns:1.5fr 1fr;gap:.5rem}@media(max-width:500px){.datetime-input-group{grid-template-columns:1fr}}:root{--primary-rgb: 255, 107, 107;--secondary-rgb: 72, 219, 251;--accent-rgb: 254, 202, 87;--white: #ffffff;--gray-50: #f7f9fc;--gray-100: #e8ecf1;--gray-200: #d1d7e0;--gray-300: #a3aec1;--gray-400: #7a879a;--gray-500: #5a6577;--gray-600: #3d4654;--gray-700: #2c3240;--gray-800: #1e222d;--gray-900: #12151c;--black: #0a0c10;--success-rgb: 40, 167, 69;--warning-rgb: 255, 193, 7;--error-rgb: 239, 68, 68;--info-rgb: 23, 162, 184;--surface-elevated: 255, 255, 255;--surface-overlay: 0, 0, 0;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--content-max-width: 1200px;--content-med-width: 900px;--content-narrow-width: 720px;--sidebar-width: 280px;--right-sidebar-width: 300px;--navbar-height: 64px;--card-radius: 12px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--scrollbar-width: 6px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(128, 128, 128, .3);--scrollbar-thumb-hover: rgba(128, 128, 128, .5)}.page-layout--wide{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg);max-width:var(--content-max-width, 1200px);margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}.page-layout--medium{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg);max-width:var(--content-med-width, 900px);margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}.page-layout--narrow{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg);max-width:var(--content-narrow-width, 720px);margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}.page-layout--sidebar{display:grid;grid-template-columns:var(--sidebar-width, 280px) minmax(0,1fr) var( --right-sidebar-width, 300px );gap:var(--spacing-lg);max-width:var(--content-max-width, 1200px);margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}@media(max-width:1023px){.page-layout--sidebar{grid-template-columns:minmax(0,1fr) var(--right-sidebar-width, 300px)}.left-sidebar{position:fixed;top:0;left:calc(-1 * var(--sidebar-width, 280px));height:100dvh;width:var(--sidebar-width, 280px);z-index:900;background:rgb(var(--surface));padding:var(--spacing-md);transition:left .3s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain;overflow-y:auto;box-shadow:4px 0 12px #00000026}.left-sidebar.open{left:0}}@media(max-width:767px){.page-layout--sidebar{grid-template-columns:minmax(0,1fr)}.right-sidebar{position:fixed;top:0;right:calc(-1 * var(--right-sidebar-width, 300px));height:100dvh;width:var(--right-sidebar-width, 300px);z-index:900;background:rgb(var(--surface));padding:var(--spacing-md);transition:right .3s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain;overflow-y:auto;box-shadow:-4px 0 12px #00000026}.right-sidebar.open{right:0}}.sidebar-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:899;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.thin-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:var(--scrollbar-width, 6px)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.themed-scrollbar{scrollbar-width:auto;scrollbar-color:rgb(var(--primary)) rgb(var(--surface))}.themed-scrollbar::-webkit-scrollbar{width:8px;height:8px}.themed-scrollbar::-webkit-scrollbar-track{background:rgb(var(--surface))}.themed-scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--primary),.4);border-radius:4px}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary),.6)}.hidden-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidden-scrollbar::-webkit-scrollbar{display:none}@media(max-width:479px){.hide-bp-sm{display:none!important}}@media(min-width:480px)and (max-width:767px){.hide-bp-sm-only{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-bp-md-only{display:none!important}}@media(min-width:1024px)and (max-width:1199px){.hide-bp-lg-only{display:none!important}}@media(min-width:1200px){.hide-bp-xl{display:none!important}}.status-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.4}.status-badge-success{background:rgba(var(--success),.12);color:rgb(var(--success))}.status-badge-danger{background:rgba(var(--danger),.12);color:rgb(var(--danger))}.status-badge-warning{background:rgba(var(--warning),.12);color:rgb(var(--warning))}.status-badge-info{background:rgba(var(--info),.12);color:rgb(var(--info))}.status-badge-neutral{background:rgba(var(--text-muted),.12);color:rgb(var(--text-muted))}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;border:1px solid transparent}.alert-success{background:rgba(var(--success),.1);border-color:rgba(var(--success),.25);color:rgb(var(--success))}.alert-danger{background:rgba(var(--danger),.1);border-color:rgba(var(--danger),.25);color:rgb(var(--danger))}.alert-warning{background:rgba(var(--warning),.1);border-color:rgba(var(--warning),.25);color:rgb(var(--warning))}.alert-info{background:rgba(var(--info),.1);border-color:rgba(var(--info),.25);color:rgb(var(--info))}.text-success{color:rgb(var(--success))}.text-danger{color:rgb(var(--danger))}.text-warning{color:rgb(var(--warning))}.text-info{color:rgb(var(--info))}.text-muted{color:rgb(var(--text-muted))}.text-main{color:rgb(var(--text-main))}.text-primary{color:rgb(var(--primary))}.bg-success{background:rgba(var(--success),.12)}.bg-danger{background:rgba(var(--danger),.12)}.bg-warning{background:rgba(var(--warning),.12)}.bg-info{background:rgba(var(--info),.12)}