.dashboard-ad-container,.dashboard-ad-placeholder{box-sizing:border-box;text-align:center;border-radius:12px;width:min(100%,970px);margin:28px auto 20px;padding:12px}.dashboard-ad-container{background:0 0}.dashboard-ad-label,.dashboard-ad-placeholder>span{color:#92929d;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.dashboard-ad-placeholder{background:#19191e8c;border:1px dashed #41414a;flex-direction:column;justify-content:center;min-height:120px;display:flex}.dashboard-ad-placeholder p{color:#92929d;margin:4px 0;font-size:13px}@media (width<=600px){.dashboard-ad-container,.dashboard-ad-placeholder{margin:18px auto;padding:8px}}:root{--st-bg:#08090b;--st-surface:#0f1115;--st-surface-2:#15181d;--st-surface-3:#1a1d22;--st-border:#ffffff17;--st-border-strong:#ffffff26;--st-text:#f7f7f8;--st-text-2:#b9bdc6;--st-text-3:#7e838e;--st-accent:#fff;--st-accent-text:#090a0c;--st-shadow:0 20px 60px #00000059;--st-radius:18px}.study-app{background:var(--st-bg);min-height:100vh;color:var(--st-text);transition:background .25s,color .25s}.study-app *,.study-app :before,.study-app :after{box-sizing:border-box}.app-theme-light{--st-bg:#f4f5f7;--st-surface:#fff;--st-surface-2:#f8f9fb;--st-surface-3:#eef0f3;--st-border:#0c0f141a;--st-border-strong:#0c0f142b;--st-text:#111318;--st-text-2:#5e636d;--st-text-3:#858a94;--st-accent:#111318;--st-accent-text:#fff;--st-shadow:0 18px 50px #1419231a}.study-app{width:100%;min-height:100vh;display:flex;overflow:hidden}.app-main{background:var(--st-bg);min-width:0;min-height:100vh;color:var(--st-text);flex:1}.sidebar{z-index:100;background:linear-gradient(180deg, #ffffff06, transparent 25%), var(--st-surface);border-right:1px solid var(--st-border);flex-direction:column;justify-content:space-between;transition:background .25s,border-color .25s;display:flex;box-shadow:12px 0 40px #00000014;width:248px!important;min-width:248px!important;height:100vh!important;padding:22px 14px 14px!important;position:fixed!important;inset:0 auto 0 0!important}.app-theme-light .sidebar{background:#fffffff0;box-shadow:12px 0 35px #0f141e0d}.app-main{margin-left:248px}.sidebar-top,.sidebar-bottom{width:100%}.brand{height:48px;margin-bottom:24px;color:var(--st-text)!important;align-items:center!important;gap:11px!important;padding:0 10px!important;display:flex!important}.brand>span{letter-spacing:-.4px;font-size:18px!important;font-weight:750!important}.brand-icon{flex:0 0 34px;position:relative;box-shadow:0 8px 25px #00000026;background:var(--st-text)!important;border-radius:10px!important;width:34px!important;height:34px!important}.brand-dot{border-radius:50%;position:absolute;background:var(--st-bg)!important;width:8px!important;height:8px!important}.sidebar-nav{flex-direction:column;display:flex;gap:4px!important}.nav-item{text-align:left;cursor:pointer;width:100%;transition:background .18s,color .18s,border .18s,transform .18s;min-height:46px!important;color:var(--st-text-2)!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;align-items:center!important;gap:12px!important;padding:0 13px!important;font-size:14px!important;font-weight:550!important;display:flex!important}.nav-item svg{flex:none}.app-theme-light .nav-item.active{background:#eceef1!important}.sidebar-bottom{flex-direction:column;gap:4px;display:flex}.theme-toggle{border:1px solid var(--st-border);background:var(--st-surface-2);width:100%;min-height:44px;color:var(--st-text-2);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:4px 0 7px;padding:0 11px;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--st-text);border-color:var(--st-border-strong);transform:translateY(-1px)}.theme-toggle-icon{background:var(--st-surface-3);width:30px;height:30px;color:var(--st-text);border-radius:9px;place-items:center;display:grid}.theme-toggle-state{letter-spacing:.08em;opacity:.55;font-size:9px;font-weight:800}.sidebar-profile{border-top:1px solid var(--st-border);margin-top:9px;align-items:center!important;gap:10px!important;padding:12px 9px!important;display:flex!important}.profile-avatar{background:var(--st-text)!important;width:35px!important;height:35px!important;color:var(--st-bg)!important;border-radius:50%!important;place-items:center!important;font-size:13px!important;font-weight:800!important;display:grid!important}.profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info span{text-overflow:ellipsis;white-space:nowrap;max-width:155px;overflow:hidden;color:var(--st-text-3)!important;font-size:10px!important}.solo-page{color:#fff;overflow:hidden;background-position:50%!important;background-size:cover!important;min-height:100vh!important;position:relative!important}.solo-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0003,#0000 45%),radial-gradient(circle at 68% 48%,#0000 0,#00000029 75%);position:absolute;inset:0}.solo-topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:25px;position:relative;background:#08090bb8!important;border-bottom:1px solid #ffffff1a!important;justify-content:space-between!important;align-items:center!important;min-height:90px!important;padding:16px 24px!important;display:flex!important}.app-theme-light .solo-topbar{color:#111!important;background:#ffffffb3!important;border-color:#0000001a!important}.solo-title{align-items:center!important;gap:13px!important;display:flex!important}.solo-title-icon{background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:14px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important}.app-theme-light .solo-title-icon{background:#0000000d!important;border-color:#0000001a!important}.solo-title h1{margin:0!important;font-size:19px!important;font-weight:700!important;line-height:1.15!important}.solo-title p{color:#ffffffa6!important;margin:5px 0 0!important;font-size:12px!important}.top-controls{align-items:center!important;gap:8px!important;display:flex!important}.top-control,.fullscreen-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;color:#fff!important;background:#08090b80!important;border:1px solid #ffffff21!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:9px!important;height:42px!important;padding:0 14px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.app-theme-light .top-control,.app-theme-light .fullscreen-button{color:#111!important;background:#ffffffa6!important;border-color:#0000001f!important}.top-control:hover,.fullscreen-button:hover{background:#ffffff1a!important;border-color:#ffffff40!important}.dropdown-wrapper{position:relative}.dropdown-menu{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:170px;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000004d;border:1px solid var(--st-border-strong)!important;background:#0f1115f5!important;border-radius:12px!important;padding:6px!important;position:absolute!important}.app-theme-light .dropdown-menu{background:#fffffff5!important}.dropdown-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;color:var(--st-text)!important;padding:10px 11px!important}.dropdown-menu button:hover{background:var(--st-surface-3)}.solo-panels{z-index:8;max-width:calc(100vw - 48px);flex-direction:column!important;gap:14px!important;width:390px!important;display:flex!important;position:absolute!important;top:112px!important;left:24px!important}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0d10c7!important;border:1px solid #ffffff21!important;border-radius:18px!important;box-shadow:0 20px 60px #00000040!important}.app-theme-light .glass-panel{color:#111!important;background:#ffffffd1!important;border-color:#0000001c!important;box-shadow:0 20px 50px #14191e1f!important}.timer-panel{padding:18px!important}.panel-heading{justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important;display:flex!important}.panel-heading>div{align-items:center!important;gap:9px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.icon-button{cursor:pointer;width:32px!important;height:32px!important;color:inherit!important;background:0 0!important;border:1px solid #ffffff1f!important;border-radius:9px!important;place-items:center!important;display:grid!important}.timer-tabs{background:#ffffff0d;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:6px!important;padding:4px!important;display:grid!important}.timer-tabs button,.timer-modes button{cursor:pointer;color:inherit!important;background:0 0!important;border:0!important;border-radius:9px!important;padding:10px 7px!important;font-size:11px!important}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:-3px!important;text-align:center!important;margin:22px 0 18px!important;font-size:clamp(54px,5vw,72px)!important;font-weight:750!important;line-height:1!important}.custom-timer-control{color:var(--st-text-2);justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:11px;display:flex}.custom-timer-control input{border:1px solid var(--st-border-strong);background:var(--st-surface-2);width:70px;height:34px;color:var(--st-text);border-radius:8px;padding:0 9px}.custom-timer-control button{background:var(--st-accent);height:34px;color:var(--st-accent-text);cursor:pointer;border:0;border-radius:8px;padding:0 11px;font-weight:700}.timer-actions{justify-content:center!important;align-items:center!important;gap:24px!important;display:flex!important}.round-button{cursor:pointer;width:56px!important;height:56px!important;color:inherit!important;background:#ffffff0a!important;border:1px solid #ffffff29!important;border-radius:50%!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;display:flex!important}.app-theme-light .round-button{background:#00000009!important;border-color:#00000024!important}.round-button span{display:none}.play-button{cursor:pointer;background:var(--st-accent)!important;width:72px!important;height:72px!important;color:var(--st-accent-text)!important;border:0!important;border-radius:50%!important;place-items:center!important;display:grid!important;box-shadow:0 10px 35px #ffffff1a!important}.app-theme-light .play-button{box-shadow:0 10px 30px #00000024!important}.timer-modes{grid-template-columns:repeat(3,1fr);gap:7px!important;margin-top:18px!important;display:grid!important}.goals-panel{max-height:310px;overflow:auto;padding:18px!important}.goal-count{color:var(--st-text-2)!important;font-size:12px!important;font-weight:700!important}.goal-input{margin-bottom:13px;gap:7px!important;display:flex!important}.goal-input input{outline:none;flex:1;min-width:0;border:1px solid var(--st-border-strong)!important;height:42px!important;color:var(--st-text)!important;background:#ffffff09!important;border-radius:10px!important;padding:0 12px!important}.app-theme-light .goal-input input{background:#00000009!important}.goal-input input:focus{border-color:var(--st-text)!important}.goal-input button{cursor:pointer;background:var(--st-accent)!important;width:42px!important;height:42px!important;color:var(--st-accent-text)!important;border:0!important;border-radius:10px!important;place-items:center!important;display:grid!important}.empty-goals{text-align:center;color:var(--st-text-2);padding:26px 15px!important}.empty-goals svg{margin-bottom:8px}.empty-goals strong{color:var(--st-text);font-size:13px;display:block}.empty-goals p{max-width:230px;margin:7px auto 0;font-size:11px;line-height:1.5}.goal-list{flex-direction:column;gap:7px;display:flex}.goal-item{background:#ffffff09;border-radius:9px;min-height:38px;align-items:center!important;gap:9px!important;padding:5px 7px!important;display:flex!important}.app-theme-light .goal-item{background:#00000009}.goal-check{cursor:pointer;width:20px!important;height:20px!important;color:var(--st-text-3)!important;background:0 0!important;border:1px solid!important;border-radius:50%!important;place-items:center!important;padding:0!important;display:grid!important}.goal-check.completed{background:var(--st-text)!important;color:var(--st-bg)!important}.goal-item>span{flex:1;font-size:12px}.goal-done{text-decoration:line-through;color:var(--st-text-3)!important}.goal-delete{width:25px;height:25px;color:var(--st-text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.solo-center{z-index:4;place-items:center!important;min-height:calc(100vh - 90px)!important;padding:110px 40px 100px 430px!important;display:grid!important;position:relative!important}.hero-content{text-align:center;max-width:650px}.hero-content h2{letter-spacing:-3px!important;margin:0!important;font-family:Georgia,Times New Roman,serif!important;font-size:clamp(42px,5vw,70px)!important;font-weight:500!important;line-height:.98!important}.hero-content p{color:#fffc!important;margin:16px 0 23px!important;font-size:15px!important}.app-theme-light .hero-content{color:#111!important}.app-theme-light .hero-content p{color:#0f1218b8!important}.start-study-button{cursor:pointer;min-width:210px;box-shadow:0 15px 35px #0000002e;background:var(--st-accent)!important;height:52px!important;color:var(--st-accent-text)!important;border:0!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:9px!important;padding:0 24px!important;font-size:14px!important;font-weight:750!important;display:inline-flex!important}.hero-features{flex-wrap:wrap;color:#ffffffbf!important;justify-content:center!important;align-items:center!important;gap:11px!important;margin-top:22px!important;font-size:11px!important;display:flex!important}.app-theme-light .hero-features{color:#0f1218ad!important}.hero-features span{align-items:center;gap:5px;display:inline-flex}.study-status,.quote-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 15px 40px #00000038;z-index:12!important;background:#0a0c0fc2!important;border:1px solid #ffffff21!important;position:fixed!important}.study-status{min-height:42px;color:#fff!important;border-radius:22px!important;align-items:center!important;gap:9px!important;padding:0 14px!important;font-size:11px!important;display:flex!important;bottom:18px!important;left:24px!important}.app-theme-light .study-status{color:#111!important}.status-dot{border-radius:50%;box-shadow:0 0 12px #54d98c80;background:#54d98c!important;width:8px!important;height:8px!important}.status-divider{opacity:.2;background:currentColor;width:1px;height:18px}.quote-card{max-width:380px;min-height:48px;color:#fff!important;border-radius:24px!important;align-items:center!important;gap:10px!important;padding:8px 10px 8px 14px!important;display:flex!important;bottom:18px!important;right:24px!important}.app-theme-light .quote-card{color:#111!important}.quote-card span{line-height:1.4;font-size:11px!important}.quote-card button{cursor:pointer;flex:0 0 32px;width:32px!important;height:32px!important;color:inherit!important;background:0 0!important;border:1px solid #ffffff1f!important;border-radius:50%!important;place-items:center!important;display:grid!important}.rooms-page,.placeholder-page{min-height:100vh;background:var(--st-bg)!important;color:var(--st-text)!important;padding:42px!important}.rooms-page-header{gap:20px;max-width:1100px;margin:0 auto 30px;justify-content:space-between!important;align-items:flex-end!important;display:flex!important}.rooms-page-header h1,.placeholder-page h1{letter-spacing:-.9px;color:var(--st-text)!important;margin:4px 0 7px!important;font-size:32px!important}.rooms-page-header p{color:var(--st-text-2)!important;margin:0!important}.rooms-eyebrow{color:var(--st-text-3)!important;letter-spacing:.14em!important;font-size:10px!important;font-weight:800!important}.rooms-header-actions{align-items:center;gap:9px;display:flex}.room-primary-button,.room-secondary-button,.room-enter-button{cursor:pointer;transition:all .18s;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:0 15px!important;font-weight:700!important;display:inline-flex!important}.room-primary-button{background:var(--st-accent)!important;color:var(--st-accent-text)!important;border:0!important}.room-secondary-button{border:1px solid var(--st-border-strong)!important;background:var(--st-surface)!important;color:var(--st-text)!important}.room-primary-button:hover,.room-secondary-button:hover,.room-enter-button:hover{transform:translateY(-1px)}.rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:0 auto;gap:15px!important;display:grid!important}.room-list-card{box-shadow:var(--st-shadow);border:1px solid var(--st-border)!important;background:var(--st-surface)!important;border-radius:17px!important;padding:20px!important}.room-list-icon{background:var(--st-surface-3);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.room-list-card h2{color:var(--st-text)!important;margin:20px 0 6px!important;font-size:17px!important}.room-list-card p{min-height:42px;line-height:1.55;color:var(--st-text-2)!important;font-size:12px!important}.room-code-box{gap:8px;margin:15px 0;border:1px solid var(--st-border)!important;background:var(--st-surface-2)!important;border-radius:10px!important;align-items:center!important;padding:10px 11px!important;display:flex!important}.room-code-box span{letter-spacing:.1em;color:var(--st-text-3)!important;font-size:9px!important;font-weight:800!important}.room-code-box strong{letter-spacing:.14em;flex:1;font-size:12px;color:var(--st-text)!important}.room-code-box button{background:var(--st-surface-3);width:28px;height:28px;color:var(--st-text);cursor:pointer;border:0;border-radius:7px;place-items:center;display:grid}.room-enter-button{width:100%;border:1px solid var(--st-border-strong)!important;background:var(--st-surface-2)!important;color:var(--st-text)!important}.rooms-empty,.rooms-loading,.room-error{border:1px dashed var(--st-border-strong);text-align:center;max-width:1100px;color:var(--st-text-2);border-radius:18px;margin:0 auto;padding:60px 25px!important}.rooms-empty h2{color:var(--st-text)}.rooms-empty-actions{justify-content:center;gap:9px;margin-top:20px;display:flex}.placeholder-page{text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.placeholder-icon{border:1px solid var(--st-border);background:var(--st-surface);border-radius:16px;place-items:center;width:60px;height:60px;display:grid}@media (width<=1000px){.sidebar{width:210px!important;min-width:210px!important}.app-main{margin-left:210px}.solo-panels{width:330px!important}.solo-center{padding-left:370px!important}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{width:76px!important;min-width:76px!important;padding:15px 10px!important}.app-main{margin-left:76px}.brand{justify-content:center;padding:0!important}.brand>span,.nav-item span,.theme-toggle-label,.theme-toggle-state,.profile-info{display:none!important}.nav-item{justify-content:center!important;padding:0!important}.theme-toggle{justify-content:center;padding:0}.sidebar-profile{justify-content:center}.solo-topbar{flex-direction:column;align-items:flex-start!important}.top-controls{width:100%;overflow-x:auto}.solo-panels{max-width:none;margin:16px;width:auto!important;position:relative!important;top:auto!important;left:auto!important}.solo-center{min-height:auto!important;padding:70px 20px 130px!important}.study-status{left:92px!important}.quote-card{display:none!important}.rooms-page,.placeholder-page{padding:24px 18px!important}.rooms-page-header{flex-direction:column;align-items:flex-start!important}.rooms-header-actions{width:100%}.rooms-header-actions button{flex:1}.rooms-grid{grid-template-columns:1fr}}:root{--ft-black:#050505;--ft-black-2:#090909;--ft-panel:#0c0c0cd1;--ft-panel-2:#111111eb;--ft-line:#ffffff1a;--ft-line-strong:#ffffff2e;--ft-white:#f7f7f7;--ft-muted:#9b9b9b;--ft-dim:#666}.study-app,.app-main{color:var(--ft-white)!important;background:#050505!important}.sidebar{background:linear-gradient(#090909 0%,#050505 100%)!important;border-right:1px solid #ffffff17!important;width:245px!important;min-width:245px!important;box-shadow:16px 0 50px #00000047!important}.brand{letter-spacing:-.02em;color:#fff!important;padding:22px 20px 26px!important}.brand-icon{background:#fff!important;border:1px solid #fff!important;box-shadow:0 0 0 5px #ffffff0a,0 12px 35px #0000008c!important}.brand-dot{background:#000!important}.sidebar-nav{gap:5px!important}.nav-item{color:#8e8e8e!important;background:0 0!important;border:1px solid #0000!important;border-radius:13px!important;min-height:45px!important;margin:2px 12px!important;transition:all .18s!important}.nav-item:hover{transform:translate(2px);color:#fff!important;background:#ffffff0e!important;border-color:#ffffff12!important}.nav-item.active{color:#050505!important;background:#f5f5f5!important;border-color:#fff!important;box-shadow:0 8px 28px #ffffff1a!important}.sidebar-bottom{border-top:1px solid #ffffff12!important;padding-top:10px!important}.logout-nav:hover{color:#fff!important}.sidebar-profile{border-top:1px solid #ffffff12!important;margin-top:8px!important;padding:14px 15px!important}.profile-avatar{color:#000!important;background:#fff!important;border:1px solid #fff!important}.profile-info strong{color:#f2f2f2!important}.profile-info span{color:#686868!important}.modern-solo{isolation:isolate;position:relative;overflow:hidden;color:#fff!important;background-color:#050505!important}.modern-solo:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}.modern-solo:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 48%,#ffffff1a,#0000 34%);position:absolute;inset:0}.modern-topbar{-webkit-backdrop-filter:blur(22px)!important;background:#050505cc!important;border-bottom:1px solid #ffffff1a!important}.solo-title-icon{color:#000!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 0 0 5px #ffffff09!important}.solo-title h1{color:#fff!important;letter-spacing:-.035em!important}.top-control,.fullscreen-button{color:#d7d7d7!important;background:#0a0a0abf!important;border:1px solid #ffffff1f!important;box-shadow:inset 0 1px #ffffff09!important}.top-control:hover,.fullscreen-button:hover{color:#fff!important;background:#151515!important;border-color:#ffffff47!important}.modern-dropdown{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0a0a0af5!important;border:1px solid #ffffff24!important;box-shadow:0 22px 60px #0000008c!important}.modern-dropdown button{color:#aaa!important}.modern-dropdown button:hover{color:#fff!important;background:#ffffff14!important}.modern-panel{-webkit-backdrop-filter:blur(24px)!important;background:#070707cc!important;border:1px solid #ffffff21!important;box-shadow:0 24px 80px #00000061,inset 0 1px #ffffff0b!important}.panel-heading{color:#eee!important}.panel-heading svg{color:#fff!important}.timer-tabs{background:#0a0a0a!important;border:1px solid #ffffff12!important;border-radius:11px!important;padding:4px!important}.timer-tabs button{color:#777!important;background:0 0!important}.timer-tabs button:hover{color:#ddd!important}.timer-tabs button.selected{color:#050505!important;background:#f2f2f2!important;box-shadow:0 5px 18px #ffffff14!important}.custom-timer-control{background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;margin:12px 0 2px;padding:8px;display:flex}.custom-timer-control input{color:#fff;background:#090909;border:1px solid #ffffff21;border-radius:8px;outline:none;width:76px;height:34px;padding:0 9px}.custom-timer-control span{color:#777;font-size:12px}.custom-timer-control button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:8px;height:34px;margin-left:auto;padding:0 13px;font-weight:700}.timer-display{font-variant-numeric:tabular-nums;color:#fff!important;letter-spacing:-.055em!important;text-shadow:0 0 35px #ffffff1f!important}.round-button{color:#999!important;background:#0a0a0a!important;border:1px solid #ffffff1c!important}.round-button:hover{color:#fff!important;border-color:#ffffff47!important}.play-button{color:#000!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 12px 40px #ffffff24!important}.play-button:hover{transform:translateY(-2px)scale(1.025);background:#e9e9e9!important}.timer-modes{border-top:1px solid #ffffff14!important;padding-top:12px!important}.timer-modes button{color:#6d6d6d!important;background:0 0!important}.timer-modes button:hover{color:#fff!important}.timer-modes button.active{color:#050505!important;background:#fff!important}.goal-input{background:#090909!important;border:1px solid #ffffff1c!important}.goal-input input{color:#fff!important}.goal-input input::placeholder{color:#5e5e5e!important}.goal-input button{color:#000!important;background:#fff!important}.goal-count{color:#fff!important}.empty-goals{color:#aaa!important}.empty-goals svg{color:#fff!important}.empty-goals strong{color:#ddd!important}.empty-goals p{color:#666!important}.goal-item{background:#ffffff09!important;border:1px solid #ffffff12!important}.goal-check{background:#090909!important;border-color:#ffffff40!important}.goal-check.completed{color:#000!important;background:#fff!important;border-color:#fff!important}.goal-delete{color:#555!important}.goal-delete:hover{color:#fff!important}.modern-hero{text-align:center}.hero-kicker{color:#8d8d8d;letter-spacing:.2em;background:#00000059;border:1px solid #ffffff21;border-radius:999px;margin-bottom:20px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.modern-hero h2{text-shadow:0 8px 50px #0000008c;color:#fff!important;letter-spacing:-.055em!important}.modern-hero p{color:#b0b0b0!important}.start-study-button{color:#000!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 15px 50px #0006,0 0 45px #ffffff1a!important}.start-study-button:hover{background:#e9e9e9!important;transform:translateY(-2px)!important}.hero-features{color:#888!important}.hero-features span{color:#aaa!important}.modern-status{color:#aaa!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#050505db!important;border:1px solid #ffffff1f!important;box-shadow:0 16px 45px #0006!important}.status-dot{background:#fff!important;box-shadow:0 0 14px #ffffffa6!important}.modern-quote{color:#bdbdbd!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#050505db!important;border:1px solid #ffffff1f!important;box-shadow:0 16px 45px #0006!important}.modern-quote svg{color:#fff!important}.modern-quote button{color:#000!important;background:#fff!important}.modern-room-page{color:#fff!important;background:radial-gradient(circle at 85% 5%,#ffffff0f,#0000 26%),#050505!important}.modern-room-card{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#0a0a0ae0!important;border:1px solid #ffffff1f!important;box-shadow:0 30px 100px #0000007a!important}.rooms-eyebrow{color:#707070!important;letter-spacing:.16em!important}.modern-room-page h1,.modern-room-page h2{color:#fff!important;letter-spacing:-.04em!important}.modern-room-page p{color:#777!important}.join-mode-tabs{background:#090909;border:1px solid #ffffff17;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin:26px 0 20px;padding:4px;display:grid}.join-mode-tabs button{color:#707070;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;font-weight:650}.join-mode-tabs button.active{color:#050505;background:#fff}.room-form label{color:#aaa!important}.room-form input{color:#fff!important;background:#080808!important;border:1px solid #ffffff1f!important}.room-form input:focus{border-color:#fff6!important;box-shadow:0 0 0 3px #ffffff0d!important}.room-primary-button{color:#000!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 10px 30px #ffffff14!important}.room-secondary-button,.room-link-button{color:#ddd!important;background:#0a0a0a!important;border:1px solid #ffffff1f!important}.room-secondary-button:hover,.room-link-button:hover{color:#fff!important;border-color:#ffffff4d!important}.room-error{color:#ddd!important;background:#ffffff0b!important;border-color:#ffffff24!important}.public-room-list{gap:10px;display:grid}.public-room-name{color:#f4f4f4;font-weight:700}.public-room-description{color:#666;margin-top:4px;font-size:12px}.public-room-meta{color:#777;gap:12px;margin-top:9px;font-size:11px;display:flex}.public-room-meta span{align-items:center;gap:5px;display:inline-flex}.public-room-empty{text-align:center;color:#777;background:#080808;border:1px dashed #ffffff1f;border-radius:14px;place-items:center;gap:8px;min-height:150px;padding:25px;display:grid}.public-room-empty strong{color:#ddd}.my-rooms-header-actions{align-items:center;gap:10px;display:flex}.modern-empty{background:#0a0a0ab3!important;border:1px dashed #ffffff24!important}.modern-room-list-card{background:#0a0a0ac7!important;border:1px solid #ffffff1a!important;transition:transform .18s,border-color .18s,box-shadow .18s!important;box-shadow:0 20px 55px #0000003d!important}.modern-room-list-card:hover{transform:translateY(-4px);border-color:#ffffff38!important;box-shadow:0 28px 70px #00000061!important}.room-list-icon{color:#000!important;background:#fff!important}.room-badge{color:#aaa!important;background:#0b0b0b!important;border:1px solid #ffffff1c!important}.room-badge.public{color:#050505!important;background:#fff!important}.room-code-box{background:#070707!important;border:1px solid #ffffff1a!important}.room-code-box span{color:#555!important}.room-code-box strong{color:#fff!important;letter-spacing:.16em!important}.room-code-box button{color:#aaa!important;background:0 0!important}.room-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.room-card-footer>span{color:#686868;align-items:center;gap:5px;font-size:11px;display:inline-flex}.room-enter-button{color:#000!important;background:#fff!important;border:1px solid #fff!important}@media (width<=1050px){.sidebar{width:215px!important;min-width:215px!important}.solo-panels{width:390px!important}.quote-card{max-width:320px}}@media (width<=850px){.sidebar{width:78px!important;min-width:78px!important}.brand{justify-content:center;padding-left:8px!important;padding-right:8px!important}.brand>span,.nav-item span,.profile-info{display:none!important}.nav-item{justify-content:center!important;margin-left:8px!important;margin-right:8px!important}.sidebar-profile{justify-content:center}.solo-panels{width:calc(100% - 28px)!important;margin:20px 14px!important;position:relative!important;top:auto!important;left:auto!important}.solo-center{min-height:520px!important}.quote-card,.study-status{margin:12px 14px!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.solo-topbar{flex-wrap:wrap;gap:14px}.my-rooms-header-actions{width:100%}}@media (width<=560px){.top-controls{width:100%;overflow-x:auto}.top-control{white-space:nowrap}.rooms-page-header{flex-direction:column;align-items:flex-start!important}.my-rooms-header-actions{width:100%}.my-rooms-header-actions button{flex:1}.room-card-footer{flex-direction:column;align-items:stretch}.room-enter-button{width:100%}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-screen,.auth-page{color:#f5f5f5;background:#070809;place-items:center;min-height:100vh;display:grid}.loading-screen{text-align:center}.loading-logo,.auth-logo-icon{color:#080808;background:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 14px;font-size:23px;font-weight:900;display:grid}.loading-screen h2{margin:0 0 6px}.loading-screen p{color:#858890;margin:0}.auth-card{background:#0f1012eb;border:1px solid #ffffff1a;border-radius:24px;width:min(430px,100vw - 32px);padding:34px;box-shadow:0 30px 100px #0000006b}.auth-logo{align-items:center;gap:11px;margin-bottom:30px;font-weight:800;display:flex}.auth-logo-icon{border-radius:10px;width:36px;height:36px;margin:0;font-size:17px}.auth-card h1{letter-spacing:-.04em;margin:0 0 9px;font-size:28px}.subtitle{color:#8d9097;margin:0 0 24px;font-size:14px;line-height:1.6}.auth-card form{flex-direction:column;gap:9px;display:flex}.auth-card label{color:#b5b7bd;margin-top:7px;font-size:12px}.auth-card input,.auth-card select{color:#fff;background:#0b0c0e;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:13px 14px}.auth-card input:focus{border-color:#ffffff4d}.auth-card form button:not(.secondary-button),.start-study-button{color:#080808;cursor:pointer;background:#fff;border:0;border-radius:12px;margin-top:9px;padding:13px 16px;font-weight:800}.auth-card button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:#ddd;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:11px;margin-top:10px;padding:11px 14px}.email-icon{background:#1a1b1e;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.email-address{color:#fff;word-break:break-word;margin:-10px 0 14px;display:block}.otp-input{letter-spacing:.25em;text-align:center;font-size:18px}.input-help{color:#73767d;font-size:11px}.error-message,.room-error{color:#ffb5b5;background:#78141429;border:1px solid #ff787840;border-radius:10px;margin-top:14px;padding:11px 12px;font-size:12px}.login-note{color:#62656b;text-align:center;margin:22px 0 0;font-size:11px}.theme-toggle{width:100%;color:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;margin-bottom:7px;padding:10px 12px;display:flex}.theme-toggle-icon{background:#ffffff12;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.theme-toggle-label{text-align:left;flex:1;font-size:12px;font-weight:700}.theme-toggle-state{letter-spacing:.1em;opacity:.5;font-size:9px}.app-theme-light,.app-theme-light .app-main{color:#151619!important;background:#f4f5f7!important}.app-theme-light .sidebar{color:#1a1b1f!important;background:linear-gradient(#fff,#f1f2f4)!important;border-right:1px solid #e1e3e7!important;box-shadow:12px 0 35px #0000000f!important}.app-theme-light .nav-item.active{color:#000!important;background:#e3e5e8!important}.app-theme-light .solo-page{color:#17181b!important}.app-theme-light .glass-panel,.app-theme-light .top-control,.app-theme-light .fullscreen-button,.app-theme-light .quote-card,.app-theme-light .study-status{color:#17181b!important;background:#ffffffd1!important;border-color:#00000017!important}.app-theme-light .timer-tabs button,.app-theme-light .timer-modes button{color:#555960!important}.app-theme-light .goal-input input,.app-theme-light .custom-timer-control input{color:#151619!important;background:#fff!important;border-color:#dfe1e5!important}.app-theme-light .dropdown-menu{background:#fff!important;border-color:#dddfe3!important}.app-theme-light .dropdown-menu button{color:#333!important}.app-theme-light .study-room-header h1,.app-theme-light .study-room-page h2,.app-theme-light .rooms-card h1,.app-theme-light .room-list-card h2{color:#151619!important}.app-theme-light .study-room-page p,.app-theme-light .rooms-card>p,.app-theme-light .room-list-card p,.app-theme-light .shared-timer-text{color:#74777e!important}.app-theme-light .room-icon-button,.app-theme-light .room-header-code,.app-theme-light .camera-button,.app-theme-light .timer-secondary-button,.app-theme-light .room-secondary-button,.app-theme-light .room-enter-button,.app-theme-light .chat-attach-button{color:#24262a!important;background:#f0f1f3!important;border-color:#dfe1e5!important}@media (width<=850px){.auth-card{padding:26px}.theme-toggle-label{display:none}}.study-app .solo-page{isolation:isolate!important;color:#fff!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%!important;height:100vh!important;min-height:100vh!important;display:block!important;position:relative!important;overflow:hidden!important}.study-app .solo-page:after{z-index:-1!important}.study-app .solo-topbar{z-index:20!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(18px)!important;background:#08090bc7!important;border-bottom:1px solid #ffffff1a!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;width:100%!important;height:82px!important;min-height:82px!important;margin:0!important;padding:14px 24px!important;display:flex!important;position:relative!important}.study-app .solo-title{align-items:center!important;gap:13px!important;min-width:0!important;display:flex!important}.study-app .solo-title-icon{color:#08090b!important;background:#fff!important;border:1px solid #fff!important;border-radius:13px!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;display:grid!important}.study-app .solo-title h1{color:#fff!important;margin:0!important;font-size:20px!important;font-weight:750!important;line-height:1.2!important;display:block!important}.study-app .solo-title p{color:#ffffff9e!important;margin:5px 0 0!important;font-size:12px!important;line-height:1.35!important;display:block!important}.study-app .top-controls{flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:flex!important}.study-app .dropdown-wrapper{position:relative!important}.study-app .top-control,.study-app .fullscreen-button{color:#f5f5f5!important;cursor:pointer!important;background:#08090bad!important;border:1px solid #ffffff21!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 13px!important;font-size:12px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.study-app .fullscreen-button{width:40px!important;padding:0!important}.study-app .dropdown-menu{z-index:1000!important;background:#0c0e12f7!important;border:1px solid #ffffff24!important;border-radius:12px!important;min-width:170px!important;margin:0!important;padding:6px!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;box-shadow:0 20px 50px #00000073!important}.study-app .dropdown-menu button{color:#ddd!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:8px!important;width:100%!important;min-height:38px!important;padding:9px 11px!important;display:block!important}.study-app .solo-panels{z-index:15!important;flex-direction:column!important;gap:14px!important;width:390px!important;max-width:calc(100% - 48px)!important;margin:0!important;display:flex!important;position:absolute!important;top:104px!important;left:24px!important}.study-app .glass-panel{box-sizing:border-box!important;color:#f5f5f5!important;-webkit-backdrop-filter:blur(20px)!important;background:#0a0c10cc!important;border:1px solid #ffffff21!important;border-radius:18px!important;width:100%!important;display:block!important;box-shadow:0 20px 60px #0000004d!important}.study-app .timer-panel,.study-app .goals-panel{padding:18px!important}.study-app .panel-heading{justify-content:space-between!important;align-items:center!important;width:100%!important;margin:0 0 15px!important;display:flex!important}.study-app .panel-heading>div{color:#eee!important;align-items:center!important;gap:9px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.study-app .timer-tabs{background:#ffffff0d!important;border-radius:11px!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;margin:0!important;padding:4px!important;display:grid!important}.study-app .timer-tabs button,.study-app .timer-modes button{color:#9b9fa8!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:9px!important;min-height:38px!important;margin:0!important;padding:8px 7px!important;font-size:11px!important}.study-app .timer-tabs button.selected,.study-app .timer-modes button.active{color:#090a0c!important;background:#fff!important}.study-app .timer-display{color:#fff!important;letter-spacing:-3px!important;text-align:center!important;font-variant-numeric:tabular-nums!important;width:100%!important;margin:22px 0 18px!important;font-size:68px!important;font-weight:750!important;line-height:1!important;display:block!important}.study-app .timer-actions{justify-content:center!important;align-items:center!important;gap:22px!important;width:100%!important;display:flex!important}.study-app .round-button{color:#fff!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;border-radius:50%!important;place-items:center!important;width:52px!important;min-width:52px!important;height:52px!important;display:grid!important}.study-app .round-button span{display:none!important}.study-app .play-button{color:#090a0c!important;cursor:pointer!important;background:#fff!important;border:0!important;border-radius:50%!important;place-items:center!important;width:68px!important;min-width:68px!important;height:68px!important;display:grid!important}.study-app .timer-modes{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;width:100%!important;margin:18px 0 0!important;display:grid!important}.study-app .goals-panel{max-height:300px!important;overflow-y:auto!important}.study-app .goal-input{gap:7px!important;width:100%!important;margin:0 0 13px!important;display:flex!important}.study-app .goal-input input{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff21!important;border-radius:10px!important;flex:1!important;min-width:0!important;height:40px!important;padding:0 11px!important}.study-app .goal-input button{color:#090a0c!important;cursor:pointer!important;background:#fff!important;border:0!important;border-radius:10px!important;place-items:center!important;width:40px!important;height:40px!important;display:grid!important}.study-app .empty-goals{text-align:center!important;color:#999!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:16px 8px!important;display:flex!important}.study-app .empty-goals strong{color:#ddd!important}.study-app .empty-goals p{color:#777!important;margin:0!important;font-size:11px!important}.study-app .solo-center{z-index:5!important;pointer-events:none!important;justify-content:center!important;align-items:center!important;min-height:0!important;padding:100px 24px 70px!important;display:flex!important;position:absolute!important;inset:0!important}.study-app .hero-content{text-align:center!important;color:#fff!important;pointer-events:auto!important;width:min(620px,100% - 450px)!important;margin-left:390px!important}.study-app .hero-content h2{color:#fff!important;margin:0 0 10px!important;font-size:38px!important;font-weight:750!important;line-height:1.1!important}.study-app .hero-content p{color:#ffffffad!important;margin:0 0 22px!important;font-size:15px!important}.study-app .start-study-button{color:#090a0c!important;cursor:pointer!important;background:#fff!important;border:0!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:9px!important;height:48px!important;padding:0 20px!important;font-size:13px!important;font-weight:750!important;display:inline-flex!important}.study-app .hero-features{color:#ffffff8c!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin-top:18px!important;font-size:11px!important;display:flex!important}.study-app .hero-features span{align-items:center!important;gap:5px!important;display:inline-flex!important}.study-app .study-status,.study-app .quote-card{z-index:18!important;color:#ddd!important;-webkit-backdrop-filter:blur(16px)!important;background:#08090bb8!important;border:1px solid #ffffff1c!important;align-items:center!important;display:flex!important;position:absolute!important}.study-app .study-status{border-radius:10px!important;gap:8px!important;padding:9px 12px!important;font-size:11px!important;bottom:22px!important;left:24px!important}.study-app .status-dot{background:#fff!important;border-radius:50%!important;width:7px!important;height:7px!important}.study-app .quote-card{border-radius:12px!important;gap:10px!important;max-width:360px!important;padding:11px 12px!important;font-size:11px!important;bottom:22px!important;right:24px!important}.study-app .quote-card span{line-height:1.4!important}.study-app .quote-card button{color:#090a0c!important;cursor:pointer!important;background:#fff!important;border:0!important;border-radius:8px!important;flex:0 0 28px!important;width:28px!important;height:28px!important}@media (width<=1050px){.study-app .solo-panels{width:350px!important}.study-app .hero-content{width:calc(100% - 390px)!important;margin-left:330px!important}}@media (width<=850px){.study-app .solo-page{height:auto!important;min-height:100vh!important;overflow:visible!important}.study-app .solo-topbar{flex-wrap:wrap!important;height:auto!important;min-height:76px!important}.study-app .solo-panels{width:calc(100% - 28px)!important;max-width:none!important;margin:16px 14px!important;position:relative!important;top:auto!important;left:auto!important}.study-app .solo-center{padding:35px 18px!important;position:relative!important;inset:auto!important}.study-app .hero-content{width:100%!important;margin-left:0!important}.study-app .hero-content h2{font-size:30px!important}.study-app .study-status{margin:12px 14px!important;position:relative!important;bottom:auto!important;left:auto!important}.study-app .quote-card{max-width:none!important;margin:12px 14px 20px!important;position:relative!important;bottom:auto!important;right:auto!important}}.app-theme-light .study-app .solo-page,.app-theme-light .solo-page{color:#17181b!important}.app-theme-light .solo-topbar{background:#ffffffd1!important;border-color:#0000001a!important}.app-theme-light .solo-title-icon{color:#fff!important;background:#17181b!important;border-color:#17181b!important}.app-theme-light .glass-panel{color:#17181b!important;background:#ffffffdb!important;border-color:#0000001a!important}.app-theme-light .panel-heading>div,.app-theme-light .timer-display{color:#17181b!important}.app-theme-light .timer-tabs{background:#0000000b!important}.app-theme-light .timer-tabs button{color:#666b73!important}.app-theme-light .timer-tabs button.selected,.app-theme-light .timer-modes button.active,.app-theme-light .play-button,.app-theme-light .goal-input button,.app-theme-light .start-study-button,.app-theme-light .quote-card button{color:#fff!important;background:#17181b!important}.app-theme-light .hero-content h2{color:#17181b!important}.app-theme-light .hero-content p,.app-theme-light .hero-features{color:#555b64!important}.app-theme-light .study-status,.app-theme-light .quote-card{color:#30343a!important;background:#ffffffd6!important;border-color:#0000001a!important}.study-app{background:var(--st-bg,#08090b);min-height:100vh;color:var(--st-text,#f7f7f8)}.app-main{background:var(--st-bg,#08090b);min-height:100vh;color:var(--st-text,#f7f7f8);margin-left:248px}.sidebar{z-index:1000!important;background:linear-gradient(#ffffff06,#0000 28%),#0c0d10!important;border-right:1px solid #ffffff17!important;flex-direction:column!important;justify-content:space-between!important;width:248px!important;min-width:248px!important;height:100vh!important;padding:22px 14px 14px!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;overflow:hidden!important;box-shadow:12px 0 40px #00000024!important}.brand{color:#fff!important;align-items:center!important;gap:11px!important;height:48px!important;margin-bottom:22px!important;padding:0 8px!important;font-size:15px!important;font-weight:750!important;display:flex!important}.nav-item{border-radius:11px!important;min-height:43px!important;transition:transform .18s,background .18s,color .18s!important}.nav-item:hover{transform:translate(2px)!important}.nav-item.active{box-shadow:inset 3px 0 #fff,0 8px 22px #00000014!important}.sidebar-profile{padding:10px 8px!important}.theme-toggle{border-radius:11px!important;min-height:43px!important}.app-theme-light .sidebar{background:linear-gradient(#fff,#f1f2f4)!important;border-right-color:#e1e3e7!important;box-shadow:12px 0 35px #0000000f!important}.app-theme-light .brand,.app-theme-light .profile-info strong,.app-theme-light .nav-item,.app-theme-light .sidebar-profile{color:#1a1b1f!important}.app-theme-light .profile-info span{color:#858990!important}.app-theme-light .nav-item:hover{background:#e9eaed!important}.app-theme-light .nav-item.active{color:#000!important;background:#e3e5e8!important;box-shadow:inset 3px 0 #000!important}.app-theme-light .theme-toggle{background:#eceef1!important;border-color:#dfe1e5!important}.app-theme-light .theme-toggle-icon{background:#fff!important}@media (width<=850px){.sidebar{width:74px!important;min-width:74px!important;padding:16px 9px 10px!important}.app-main{margin-left:74px}.brand{justify-content:center!important;padding:0!important}.brand>span,.nav-item>span,.theme-toggle-label,.theme-toggle-state,.profile-info{display:none!important}.nav-item,.theme-toggle{justify-content:center!important;padding:0!important}.sidebar-profile{justify-content:center!important;padding:10px 0!important}}@media (width<=600px){.sidebar{width:64px!important;min-width:64px!important;padding-left:7px!important;padding-right:7px!important}.app-main{margin-left:64px}}.study-app.solo-mode .sidebar{width:74px!important;min-width:74px!important;padding:18px 9px 12px!important}.study-app.solo-mode .app-main{margin-left:74px!important}.study-app.solo-mode .brand{justify-content:center!important;padding:0!important}.study-app.solo-mode .brand>span,.study-app.solo-mode .nav-item>span,.study-app.solo-mode .theme-toggle-label,.study-app.solo-mode .theme-toggle-state,.study-app.solo-mode .profile-info{display:none!important}.study-app.solo-mode .nav-item,.study-app.solo-mode .theme-toggle{justify-content:center!important;width:52px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}.study-app.solo-mode .sidebar-profile{justify-content:center!important;padding:10px 0!important}.solo-page:fullscreen{background:#070809!important;width:100vw!important;height:100vh!important;min-height:100vh!important;overflow:auto!important}.solo-page:fullscreen .solo-youtube-player{z-index:999999!important}.solo-youtube-player:fullscreen{background:#000!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;inset:0!important}.solo-youtube-player:fullscreen iframe{aspect-ratio:auto!important;width:100%!important;height:calc(100% - 48px)!important}.solo-youtube-actions button{justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;padding:0!important;display:inline-flex!important}.rooms-page{color:#f5f5f5;background:#08090b;min-height:100%;padding:42px}.rooms-card{background:#111214;border:1px solid #25262a;border-radius:20px;width:min(560px,100%);margin:40px auto;padding:32px}.rooms-join-card{text-align:center}.rooms-icon-large{color:#d8d9dd;background:#1b1c20;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 20px;display:flex}.rooms-card h1{letter-spacing:-.03em;margin:0;font-size:26px}.rooms-card>p{color:#777a82;margin:9px 0 25px;font-size:13px}.room-form{text-align:left;flex-direction:column;gap:9px;display:flex}.room-form label{color:#a5a7ad;margin-top:8px;font-size:12px}.room-form input,.room-form textarea,.room-form select{box-sizing:border-box;color:#e4e5e8;width:100%;font:inherit;background:#18191d;border:1px solid #2b2c31;border-radius:10px;outline:none;padding:12px 13px;font-size:13px}.room-form textarea{resize:vertical;min-height:95px}.room-form input:focus,.room-form textarea:focus,.room-form select:focus{border-color:#50525a}.rooms-join-card .room-form input{text-align:center;letter-spacing:.18em;font-size:22px;font-weight:650}.room-primary-button,.room-secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.room-primary-button{color:#0b0b0c;background:#e9e9e9;border:1px solid #e6e6e6}.room-primary-button:hover{background:#fff}.room-primary-button:disabled{opacity:.5;cursor:not-allowed}.room-secondary-button{color:#d0d1d5;background:#191a1e;border:1px solid #2c2d32}.room-secondary-button:hover{background:#23242a}.room-link-button{color:#a9abb1;cursor:pointer;background:0 0;border:0;font-size:13px}.room-link-button:hover{color:#fff}.room-divider{color:#55585f;align-items:center;gap:12px;margin:23px 0 15px;font-size:11px;display:flex}.room-divider:before,.room-divider:after{content:"";background:#26272b;flex:1;height:1px}.room-error{color:#e59a9a;background:#1c1113;border:1px solid #3a2426;border-radius:9px;padding:10px 12px;font-size:12px}.rooms-back-link{color:#888b92;cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:0;font-size:12px}.rooms-back-link:hover{color:#fff}.room-type-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.room-type{color:#777a82;cursor:pointer;text-align:left;background:#18191d;border:1px solid #2a2b30;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-height:105px;padding:14px;display:flex}.room-type strong{color:#d9dade;font-size:13px}.room-type span{font-size:10px;line-height:1.45}.room-type.selected{color:#cfd0d4;background:#202126;border-color:#6d6f76}.rooms-list-page{max-width:1250px;margin:0 auto}.rooms-page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.rooms-eyebrow{color:#65686f;letter-spacing:.14em;font-size:10px}.rooms-page-header h1{letter-spacing:-.04em;margin:5px 0;font-size:30px}.rooms-page-header p{color:#777a82;margin:0;font-size:13px}.rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.room-list-card{background:#111214;border:1px solid #25262a;border-radius:16px;padding:19px;transition:all .2s}.room-list-card:hover{border-color:#36373d;transform:translateY(-1px)}.room-list-top{justify-content:space-between;align-items:center;display:flex}.room-list-icon{color:#c5c7cc;background:#1b1c20;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.room-badge{color:#c6a66d;background:#1b1915;border:1px solid #302c25;border-radius:999px;padding:5px 8px;font-size:9px}.room-badge.public{color:#8ec49d;background:#121b16;border-color:#26372d}.room-list-card h2{margin:16px 0 6px;font-size:16px}.room-list-card>p{color:#777a82;height:38px;margin:0 0 15px;font-size:11px;line-height:1.6;overflow:hidden}.room-code-box{background:#0c0d0f;border:1px solid #25262a;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;display:flex}.room-code-box span{color:#55585f;letter-spacing:.1em;font-size:8px}.room-code-box strong{color:#dfe0e3;letter-spacing:.14em;flex:1;font-size:12px}.room-code-box button{color:#8b8e95;cursor:pointer;background:#18191d;border:0;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.room-enter-button{color:#d6d7da;cursor:pointer;background:#191a1e;border:1px solid #2c2d32;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;margin-top:10px;font-size:12px;font-weight:600;display:flex}.room-enter-button:hover{background:#24252a}.rooms-empty{color:#676a71;text-align:center;border:1px dashed #292a2f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:30px;display:flex}.rooms-empty h2{color:#d0d1d5;margin:13px 0 5px;font-size:17px}.rooms-empty p{margin:0 0 17px;font-size:12px}.rooms-empty-actions{gap:8px;display:flex}.rooms-loading{text-align:center;color:#777a82;padding:60px;font-size:13px}.study-room-page{box-sizing:border-box;color:#f5f5f5;background:#08090b;min-height:100%;padding:22px}.study-room-header{background:#111214;border:1px solid #25262a;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;max-width:1450px;margin:0 auto 18px;padding:16px 18px;display:flex}.room-header-left{align-items:center;gap:12px;display:flex}.room-header-left h1{letter-spacing:-.025em;margin:0;font-size:19px}.room-code-row{color:#777a82;align-items:center;gap:7px;margin-top:4px;font-size:11px;display:flex}.room-code-row strong{color:#d5d6da;letter-spacing:.1em;margin-left:4px}.room-icon-button{color:#d0d1d5;cursor:pointer;background:#191a1e;border:1px solid #2a2b30;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.room-icon-button:hover{background:#23242a}.copy-code-button{color:#777a82;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.copy-code-button:hover{color:#fff;background:#202126}.room-header-right{align-items:center;gap:12px;display:flex}.room-online{color:#898c93;align-items:center;gap:6px;font-size:12px;display:flex}.online-dot,.member-online-dot{background:#69c88b;border-radius:50%;width:7px;height:7px;display:inline-block}.leave-room-button{color:#e09a9a;cursor:pointer;background:#1b1113;border:1px solid #382426;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:12px;display:flex}.study-room-main{grid-template-columns:minmax(0,1fr) 355px;gap:18px;max-width:1450px;margin:0 auto;display:grid}.study-room-center{flex-direction:column;gap:17px;min-width:0;display:flex}.room-timer-card,.room-camera-section,.room-description-card,.room-panel{background:#111214;border:1px solid #25262a;border-radius:17px}.room-timer-card{text-align:center;padding:27px}.timer-top{color:#777a82;justify-content:space-between;align-items:center;font-size:12px;display:flex}.timer-mode{color:#c4c6cb;align-items:center;gap:7px;display:flex}.timer-status{color:#6d7077}.room-timer-tabs{background:#0c0d0f;border:1px solid #24252a;border-radius:10px;gap:3px;width:fit-content;margin:18px auto 0;padding:4px;display:flex}.room-timer-tabs button{color:#6d7077;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:10px}.room-timer-tabs button.selected{color:#e0e1e4;background:#23242a}.big-room-timer{letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin-top:25px;font-size:clamp(68px,9vw,120px);font-weight:300;line-height:.95}.timer-controls{justify-content:center;gap:8px;margin-top:28px;display:flex}.timer-primary-button,.timer-secondary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.timer-primary-button{color:#0b0b0c;background:#ededed;border:1px solid #e3e3e3}.timer-secondary-button{color:#cfd0d4;background:#191a1e;border:1px solid #2b2c31}.shared-timer-text{color:#5f6269;margin:15px 0 0;font-size:10px}.room-camera-section,.room-description-card{padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.section-heading h2,.room-description-card h2{margin:0;font-size:14px}.section-heading p{color:#6e7178;margin:5px 0 0;font-size:10px}.camera-button{color:#cfd0d4;cursor:pointer;background:#191a1e;border:1px solid #2b2c31;border-radius:8px;align-items:center;gap:6px;height:35px;padding:0 11px;font-size:11px;display:flex}.camera-button.camera-on{color:#8ed1a4;background:#111a14;border-color:#294432}.camera-preview-wrapper{aspect-ratio:16/9;background:#090a0c;border:1px solid #24252a;border-radius:13px;width:100%;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-placeholder{color:#70737a;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.camera-placeholder strong{color:#bfc1c6;font-size:12px}.camera-placeholder span{font-size:10px}.camera-placeholder-icon{background:#17181b;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.camera-error{color:#df9292;background:#1c1113;border:1px solid #392426;border-radius:8px;margin-top:9px;padding:9px 11px;font-size:10px}.room-description-card p{color:#777a82;margin:7px 0 0;font-size:11px;line-height:1.65}.study-room-sidebar{flex-direction:column;gap:17px;min-width:0;display:flex}.room-panel{overflow:hidden}.room-panel-title{box-sizing:border-box;color:#73767d;border-bottom:1px solid #24252a;justify-content:space-between;align-items:center;min-height:58px;padding:13px 15px;display:flex}.room-panel-title h2{color:#d9dade;margin:0;font-size:13px}.room-panel-title span{color:#60636a;margin-top:3px;font-size:9px;display:block}.members-list{max-height:230px;padding:7px;overflow-y:auto}.member-item{border-radius:9px;align-items:center;gap:9px;padding:8px;display:flex}.member-item:hover{background:#18191d}.member-avatar{color:#d9dade;background:#24252a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:11px;font-weight:650;display:flex}.member-info{min-width:0}.member-info strong{color:#d5d6da;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.member-info span{color:#62656c;align-items:center;gap:5px;margin-top:3px;font-size:9px;display:flex}.room-chat-panel{flex-direction:column;height:500px;display:flex}.room-messages{flex:1;padding:12px;overflow-y:auto}.empty-chat{color:#5d6067;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-chat p{color:#97999f;margin:9px 0 2px;font-size:11px}.empty-chat span{font-size:9px}.chat-message{max-width:85%;margin-bottom:12px}.chat-message-me{text-align:right;margin-left:auto}.chat-message strong{color:#888b92;margin-bottom:3px;font-size:9px;display:block}.chat-bubble{color:#d0d1d5;text-align:left;word-break:break-word;background:#1c1d21;border-radius:9px;padding:7px 9px;font-size:11px;line-height:1.45;display:inline-block}.chat-message-me .chat-bubble{color:#101012;background:#e7e7e7}.chat-time{color:#53565d;margin-top:3px;font-size:8px;display:block}.chat-input-row{border-top:1px solid #24252a;gap:6px;padding:10px;display:flex}.chat-input-row input{box-sizing:border-box;color:#e2e3e6;background:#18191d;border:1px solid #292a2f;border-radius:8px;outline:none;flex:1;min-width:0;height:35px;padding:0 10px;font-size:11px}.chat-input-row input:focus{border-color:#414249}.chat-input-row button{color:#0c0c0d;cursor:pointer;background:#e8e8e8;border:0;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.chat-input-row button:disabled{opacity:.35;cursor:default}.study-room-loading{color:#777a82;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:70vh;font-size:12px;display:flex}.loading-spinner{border:3px solid #24252a;border-top-color:#e5e5e5;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.study-room-main{grid-template-columns:1fr}.study-room-sidebar{grid-template-columns:.8fr 1.2fr;display:grid}.room-chat-panel{height:470px}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rooms-page,.study-room-page{padding:12px}.rooms-card{padding:22px}.rooms-page-header,.study-room-header{flex-direction:column;align-items:flex-start}.room-header-right{justify-content:space-between;width:100%}.study-room-sidebar{display:flex}.rooms-grid,.room-type-grid{grid-template-columns:1fr}.big-room-timer{font-size:68px}.room-timer-tabs{width:100%}.room-timer-tabs button{flex:1}}.my-rooms-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.my-rooms-header h1{letter-spacing:-.5px;margin:7px 0 0;font-size:32px;font-weight:700}.my-rooms-header p{color:#888;margin:8px 0 0;font-size:15px}.room-action-button:hover{transform:translateY(-1px)}.my-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.my-room-card{background:#111;border:1px solid #242424;border-radius:16px;padding:22px;transition:border-color .2s,transform .2s}.my-room-card:hover{border-color:#3a3a3a;transform:translateY(-2px)}.my-room-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.my-room-icon{color:#fff;background:#1d1d1d;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.my-room-type{color:#888;border:1px solid #292929;border-radius:999px;padding:5px 9px;font-size:12px}.my-room-card h2{margin:0 0 8px;font-size:19px;font-weight:650}.my-room-card>p{color:#858585;min-height:42px;margin:0 0 20px;font-size:14px;line-height:1.5}.my-room-card .room-code-box{background:#0b0b0b;border:1px solid #252525;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 13px;display:flex}.my-room-card .room-code-box div{flex-direction:column;gap:3px;display:flex}.my-room-card .room-code-box span{color:#707070;letter-spacing:.8px;font-size:10px}.my-room-card .room-code-box strong{letter-spacing:2px;font-size:15px}.my-room-card .room-code-box button{color:#aaa;cursor:pointer;background:#171717;border:1px solid #292929;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.my-room-card .room-code-box button:hover{color:#fff}.my-room-info{align-items:center;margin-bottom:16px;display:flex}.my-room-info span{color:#777;align-items:center;gap:6px;font-size:12px;display:flex}.my-room-card .room-enter-button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-size:13px;font-weight:600;display:flex}.my-room-card .room-enter-button:hover{background:#e9e9e9}.rooms-empty-icon{color:#aaa;background:#171717;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;display:flex}@media (width<=700px){.my-rooms-header{flex-direction:column;align-items:flex-start}.my-rooms-actions{width:100%}.my-rooms-actions .room-action-button{flex:1}.rooms-empty-actions{flex-wrap:wrap}}.rooms-list-page{box-sizing:border-box;text-align:left;width:100%;max-width:1250px;margin:0 auto;padding:42px 42px 60px}.rooms-list-page .my-rooms-header{text-align:left;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;margin:0 0 30px;display:flex}.rooms-list-page .rooms-eyebrow{color:#686b73;letter-spacing:.15em;margin:0 0 7px;font-size:10px;font-weight:700;line-height:1.2;display:block}.rooms-list-page .my-rooms-header h1{color:#f5f5f7;letter-spacing:-.045em;margin:0;font-size:34px;font-weight:700;line-height:1.08}.rooms-list-page .my-rooms-header p{color:#85878e;margin:9px 0 0;font-size:14px;line-height:1.5}.rooms-list-page .my-rooms-actions{flex:none;align-items:center;gap:10px;display:flex}.rooms-list-page .room-action-button{box-sizing:border-box;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:118px;height:42px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:650;line-height:1;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.rooms-list-page .room-action-button:hover{transform:translateY(-1px)}.rooms-list-page .room-action-button.primary{color:#09090a;background:#f0f0f0;border:1px solid #f0f0f0}.rooms-list-page .room-action-button.primary:hover{background:#fff;border-color:#fff}.rooms-list-page .room-action-button.secondary{color:#e2e3e6;background:#17181b;border:1px solid #303136}.rooms-list-page .room-action-button.secondary:hover{background:#202126;border-color:#3b3c42}.rooms-list-page .rooms-loading{box-sizing:border-box;color:#85878e;text-align:center;background:#101114;border:1px solid #222328;border-radius:16px;width:100%;padding:42px 20px;font-size:13px}.rooms-list-page>.room-error{box-sizing:border-box;width:100%;margin-bottom:20px}.rooms-list-page .my-rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;display:grid}.rooms-list-page .my-room-card{box-sizing:border-box;text-align:left;background:#111216;border:1px solid #25262b;border-radius:16px;min-width:0;padding:20px;transition:border-color .18s,transform .18s,background .18s;overflow:hidden}.rooms-list-page .my-room-card:hover{background:#131418;border-color:#34363d;transform:translateY(-2px)}.rooms-list-page .my-room-card .my-room-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0 0 18px;display:flex}.rooms-list-page .my-room-icon{color:#cfd1d7;background:#1a1b20;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rooms-list-page .my-room-type{box-sizing:border-box;color:#888b93;background:#151619;border:1px solid #2b2c31;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.rooms-list-page .my-room-card h2{color:#f0f0f2;letter-spacing:-.02em;margin:0 0 7px;font-size:18px;font-weight:650;line-height:1.25}.rooms-list-page .my-room-card .room-code-box{box-sizing:border-box;text-align:left;background:#0c0d0f;border:1px solid #25262b;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:54px;margin:0 0 13px;padding:9px 10px 9px 12px;display:flex}.rooms-list-page .my-room-card .room-code-box>div{flex-direction:column;gap:3px;min-width:0;display:flex}.rooms-list-page .my-room-card .room-code-box span{color:#5f626a;letter-spacing:.12em;font-size:9px;font-weight:700;line-height:1.2}.rooms-list-page .my-room-card .room-code-box strong{color:#dfe0e4;letter-spacing:.18em;font-size:14px;font-weight:650;line-height:1.2}.rooms-list-page .my-room-card .room-code-box button{color:#858890;cursor:pointer;background:#17181b;border:1px solid #2b2c31;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.rooms-list-page .my-room-card .room-code-box button:hover{color:#fff;background:#202126}.rooms-list-page .my-room-info{align-items:center;min-height:20px;margin:0 0 15px;display:flex}.rooms-list-page .my-room-card .room-enter-button{box-sizing:border-box;color:#dedfe2;cursor:pointer;background:#1a1b1f;border:1px solid #2b2c31;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:41px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:650;transition:background .18s,border-color .18s;display:flex}.rooms-list-page .my-room-card .room-enter-button:hover{background:#24252a;border-color:#3a3b42}.rooms-list-page .rooms-empty{box-sizing:border-box;text-align:center;background:#0e0f11;border:1px dashed #2a2b30;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:330px;padding:45px 24px;display:flex}.rooms-list-page .rooms-empty-icon{color:#989aa2;background:#18191d;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 0 17px;display:flex}.rooms-list-page .rooms-empty h2{color:#e7e8eb;margin:0 0 7px;font-size:19px}.rooms-list-page .rooms-empty p{color:#74777f;max-width:430px;margin:0 0 22px;font-size:13px;line-height:1.55}.rooms-list-page .rooms-empty-actions{justify-content:center;align-items:center;gap:10px;display:flex}@media (width<=1050px){.rooms-list-page .my-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.rooms-list-page{padding:28px 20px 45px}.rooms-list-page .my-rooms-header{flex-direction:column;align-items:flex-start;gap:18px}.rooms-list-page .my-rooms-actions{width:100%}.rooms-list-page .room-action-button{flex:1 1 0}.rooms-list-page .my-rooms-grid{grid-template-columns:1fr}}@media (width<=430px){.rooms-list-page .my-rooms-header h1{font-size:30px}.rooms-list-page .my-rooms-actions{flex-direction:column}.rooms-list-page .room-action-button{width:100%}.rooms-list-page .rooms-empty-actions{flex-direction:column;width:100%}.rooms-list-page .rooms-empty-actions .room-action-button{width:100%}}.rooms-list-page .my-rooms-header{text-align:left;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.rooms-list-page .my-rooms-header>div:first-child{min-width:0}.rooms-list-page .my-rooms-header h1{color:#f5f5f5;margin:5px 0 0;font-size:32px;line-height:1.1}.rooms-list-page .my-rooms-header p{color:#888;margin:8px 0 0;font-size:14px}.my-rooms-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.room-action-button{cursor:pointer;border:1px solid #2b2b2b;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.room-action-button.primary{color:#050505;background:#fff;border-color:#fff}.room-action-button.primary:hover{background:#e9e9e9}.room-action-button.secondary{color:#fff;background:#171717;border-color:#303030}.room-action-button.secondary:hover{background:#222}.rooms-list-page .my-rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rooms-list-page .my-room-card{background:#111;border:1px solid #252525;border-radius:15px;min-width:0;padding:19px}.rooms-list-page .my-room-card h2{color:#f5f5f5;margin:0 0 7px;font-size:18px}.rooms-list-page .my-room-card>p{color:#777;min-height:38px;margin:0 0 17px;font-size:13px;line-height:1.45}.rooms-list-page .room-code-box{background:#0a0a0a;border:1px solid #242424;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;padding:10px 11px;display:flex}.rooms-list-page .room-code-box>div{flex-direction:column;gap:2px;display:flex}.rooms-list-page .room-code-box span{letter-spacing:.8px;color:#666;font-size:9px}.rooms-list-page .room-code-box strong{letter-spacing:1.8px;color:#f5f5f5;font-size:14px}.rooms-list-page .room-code-box button{color:#999;cursor:pointer;background:#171717;border:1px solid #292929;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rooms-list-page .my-room-info{margin:0 0 13px}.rooms-list-page .my-room-info span{color:#707070;align-items:center;gap:5px;font-size:11px;display:inline-flex}.rooms-list-page .room-enter-button{color:#eee;cursor:pointer;background:#1b1b1b;border:1px solid #2d2d2d;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;font-size:12px;font-weight:600;display:flex}.rooms-list-page .room-enter-button:hover{background:#242424}.rooms-list-page .rooms-empty{min-height:320px}.join-room-card{max-width:700px;margin-left:auto;margin-right:auto}.join-room-tabs{background:#0a0a0a;border:1px solid #252525;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin:25px 0 20px;padding:5px;display:grid}.join-room-tab{color:#777;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:13px;font-weight:600;display:flex}.join-room-tab.active{color:#fff;background:#1c1c1c}.join-help{color:#666;margin:-7px 0 17px;font-size:11px;display:block}.public-room-list{flex-direction:column;gap:9px;display:flex}.public-room-card{background:#111;border:1px solid #252525;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.public-room-main{align-items:center;gap:11px;min-width:0;display:flex}.public-room-icon{color:#aaa;background:#1a1a1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.public-room-details{min-width:0}.public-room-details h3{color:#f4f4f4;margin:0 0 4px;font-size:14px}.public-room-details p{text-overflow:ellipsis;white-space:nowrap;color:#777;max-width:430px;margin:0 0 7px;font-size:11px;overflow:hidden}.public-room-meta{align-items:center;gap:12px;display:flex}.public-room-meta span{color:#666;align-items:center;gap:4px;font-size:10px;display:inline-flex}.public-room-join{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:0 13px;font-size:11px;font-weight:650;display:inline-flex}.public-room-join:disabled{opacity:.5;cursor:not-allowed}.public-rooms-empty{text-align:center;border:1px dashed #292929;border-radius:12px;padding:38px 20px}.public-empty-icon{color:#888;background:#171717;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.public-rooms-empty h2{margin:0 0 7px;font-size:17px}.public-rooms-empty p{color:#707070;max-width:350px;margin:0 auto 18px;font-size:12px;line-height:1.5}.public-rooms-loading{color:#777;justify-content:center;align-items:center;gap:9px;min-height:170px;font-size:12px;display:flex}.rooms-loading-spinner{border:2px solid #333;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite rooms-spin}@keyframes rooms-spin{to{transform:rotate(360deg)}}.join-room-footer{color:#666;border-top:1px solid #202020;justify-content:center;align-items:center;gap:5px;margin-top:23px;padding-top:19px;font-size:11px;display:flex}.join-room-footer button{color:#aaa;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.join-room-footer button:hover{color:#fff}@media (width<=900px){.rooms-list-page .my-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.rooms-list-page .my-rooms-header{flex-direction:column;align-items:stretch}.my-rooms-actions{width:100%}.my-rooms-actions .room-action-button{flex:1}.rooms-list-page .my-rooms-grid,.join-room-tabs{grid-template-columns:1fr}.public-room-card{flex-direction:column;align-items:stretch}.public-room-join{width:100%}}.room-video-status{color:#70737a;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.room-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.room-video-grid.single-video{grid-template-columns:minmax(0,1fr)}.participant-video-card{aspect-ratio:16/9;background:#090a0c;border:1px solid #24252a;border-radius:13px;min-width:0;position:relative;overflow:hidden}.participant-video-card .camera-video{object-fit:cover;width:100%;height:100%}.participant-video-label{z-index:2;color:#dfe0e3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090bc7;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:6px;max-width:calc(100% - 18px);padding:5px 8px;font-size:9px;display:inline-flex;position:absolute;top:9px;left:9px}.video-live-dot{background:#69c88b;border-radius:50%;flex-shrink:0;width:6px;height:6px}.room-video-helper{color:#5f6269;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:9px;font-size:9px;display:flex}.member-camera-dot{background:#69c88b;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #69c88b14}@media (width<=700px){.room-video-grid,.room-video-grid.has-remote{grid-template-columns:1fr}.room-video-status{display:none}}.delete-room-header-button{color:#d89090;cursor:pointer;background:#171314;border:1px solid #3a2929;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.delete-room-header-button:hover{background:#211719;border-color:#563333}.room-card-actions{align-items:center;gap:7px;margin-top:12px;display:flex}.room-card-actions .room-enter-button{flex:1;margin-top:0}.room-delete-button{color:#c98080;cursor:pointer;background:#171314;border:1px solid #382727;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.room-delete-button:hover{background:#211719;border-color:#563333}.remote-camera-placeholder{color:#c9cbd0;text-align:center;background:radial-gradient(circle,#191a1f 0%,#090a0c 65%);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.remote-camera-placeholder span{color:#676a72;font-size:9px}.remote-avatar{color:#e2e3e6;background:#25262b;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:2px;font-size:17px;font-weight:700;display:flex}.video-off-dot{background:#676a71;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-attach-button{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex;color:#aeb0b6!important;background:#18191d!important;border:1px solid #292a2f!important}.chat-attach-button:hover{color:#e4e5e8!important;background:#202126!important}.chat-image-link{background:#0c0d0f;border:1px solid #292a2f;border-radius:10px;max-width:220px;display:block;overflow:hidden}.chat-message-me .chat-image-link{margin-left:auto}@media (width<=850px){.study-room-main{grid-template-columns:minmax(0,1fr)}.study-room-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}}@media (width<=650px){.study-room-sidebar{display:flex}.big-room-timer{font-size:48px}.delete-room-header-button{padding:0 8px}}.app-theme-light .study-room-page,.app-theme-light .rooms-page{color:#17181b!important;background:#f4f5f7!important}.app-theme-light .study-room-header,.app-theme-light .room-timer-card,.app-theme-light .room-camera-section,.app-theme-light .room-description-card,.app-theme-light .room-panel,.app-theme-light .rooms-card,.app-theme-light .room-list-card,.app-theme-light .rooms-empty,.app-theme-light .rooms-loading{color:#17181b!important;background:#fff!important;border-color:#e0e2e6!important;box-shadow:0 12px 40px #0000000d!important}.app-theme-light .study-room-header h1,.app-theme-light .study-room-page h2,.app-theme-light .rooms-card h1,.app-theme-light .room-list-card h2,.app-theme-light .room-panel h2{color:#151619!important}.app-theme-light .study-room-page p,.app-theme-light .rooms-card>p,.app-theme-light .room-list-card p,.app-theme-light .shared-timer-text,.app-theme-light .room-panel-title span,.app-theme-light .section-heading p{color:#74777e!important}.app-theme-light .room-icon-button,.app-theme-light .room-header-code,.app-theme-light .camera-button,.app-theme-light .timer-secondary-button,.app-theme-light .room-secondary-button,.app-theme-light .room-enter-button,.app-theme-light .chat-attach-button,.app-theme-light .rooms-back-link{color:#24262a!important;background:#f0f1f3!important;border-color:#dfe1e5!important}.app-theme-light .room-timer-tabs button{color:#64676e!important}.app-theme-light .room-timer-tabs button.selected{color:#fff!important;background:#17181b!important}.app-theme-light .room-messages,.app-theme-light .members-list{background:#fafafa!important}.app-theme-light .chat-input-row input{color:#17181b!important;background:#fff!important;border-color:#dfe1e5!important}.app-theme-light .chat-bubble{color:#17181b!important;background:#eceef1!important}.app-theme-light .member-item{border-bottom-color:#e8e9ec!important}.app-theme-light .room-code-box{background:#f5f6f8!important;border-color:#e0e2e6!important}.app-theme-light .room-code-box strong{color:#17181b!important}.app-theme-light .room-code-box span{color:#73767d!important}.app-theme-light .rooms-eyebrow{color:#767980!important}.app-theme-light .room-primary-button,.app-theme-light .timer-primary-button{color:#fff!important;background:#17181b!important}.app-theme-light .room-type{color:#3c3e43!important;background:#fafafa!important;border-color:#e0e2e6!important}.app-theme-light .room-type.selected{color:#fff!important;background:#17181b!important;border-color:#17181b!important}.app-theme-light .room-form input,.app-theme-light .room-form textarea,.app-theme-light .room-form select{color:#17181b!important;background:#fff!important;border-color:#dfe1e5!important}.app-theme-light .room-form label{color:#64676e!important}.participant-video-card{min-height:210px;position:relative;overflow:hidden}.participant-video-label{z-index:2}.remote-video-live .camera-video,.local-video-card .camera-video{background:#070809}.chat-file-input{display:none!important}.chat-attach-button{flex:0 0 35px}.chat-image-link{background:#0a0b0c;border:1px solid #292a2f;border-radius:10px;width:min(100%,230px);display:block;overflow:hidden}.chat-image{object-fit:cover;width:100%;max-height:220px;display:block}.room-video-helper{flex-wrap:wrap}.timer-top{font-size:11px}.timer-mode svg{width:14px;height:14px}.room-timer-tabs{margin-top:11px;padding:3px}.room-timer-tabs button{padding:6px 10px;font-size:9px}.big-room-timer{letter-spacing:-.05em;margin-top:13px;font-size:clamp(40px,4.6vw,58px);line-height:.92}.timer-primary-button,.timer-secondary-button{height:35px;padding:0 12px;font-size:10px}.timer-primary-button svg,.timer-secondary-button svg{width:14px;height:14px}.shared-timer-text{margin-top:8px;font-size:8px}.room-video-grid.single-video{grid-template-columns:minmax(0,1fr);max-width:720px}.participant-video-card{aspect-ratio:16/9;width:100%;min-height:0}.room-video-waiting{color:#686b72;border:1px dashed #292a2f;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:34px;margin-top:9px;padding:0 10px;font-size:9px;display:flex}.room-video-waiting svg{flex-shrink:0}@media (width<=700px){.big-room-timer{font-size:42px}.room-timer-card{padding:14px}}.study-room-page{padding:16px}.study-room-header,.study-room-main{max-width:1480px}.study-room-main{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px}.study-room-center{gap:14px}.room-timer-card{border-radius:14px;padding:14px 18px}.big-room-timer{margin-top:11px!important;font-size:clamp(38px,4.2vw,54px)!important}.room-camera-section{border-radius:14px;padding:18px}.room-camera-section .section-heading{margin-bottom:13px}.room-video-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;width:100%;display:grid}.room-video-grid.single-video{grid-template-columns:minmax(0,1fr);width:min(100%,820px);margin:0 auto}.participant-video-card{aspect-ratio:16/9;background:#08090b;border-color:#2a2c31;border-radius:14px;width:100%;box-shadow:inset 0 0 0 1px #ffffff04;min-height:0!important}.participant-video-card .camera-video{object-fit:cover;background:#08090b;width:100%;height:100%;display:block}.local-video-card .camera-video{transform:scaleX(-1)}.remote-video-card .camera-video{transform:none}.participant-video-label{border-radius:8px;padding:6px 9px;font-size:10px;top:10px;left:10px}.room-video-waiting{box-sizing:border-box;width:min(100%,820px);min-height:36px;margin:10px auto 0;font-size:10px}.room-video-helper{margin-top:8px;font-size:9px}.study-room-sidebar{flex-direction:column;gap:12px;min-width:0;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow:hidden}.study-room-sidebar .room-panel{min-height:0}.study-room-sidebar .room-chat-panel{flex:auto;min-height:360px}.room-messages{min-height:0}@media (width<=1050px){.study-room-main{grid-template-columns:minmax(0,1fr) 320px}.room-video-grid.has-remote{grid-template-columns:1fr}}@media (width<=850px){.study-room-page{padding:10px}.study-room-header{margin-bottom:10px;padding:12px}.study-room-main{grid-template-columns:1fr}.study-room-sidebar{max-height:none;position:static;overflow:visible}.room-video-grid.has-remote{grid-template-columns:1fr}}@media (width<=560px){.room-header-right .room-online{display:none}.room-header-left h1{font-size:16px}.room-camera-section{padding:12px}.room-video-grid.single-video{width:100%}.big-room-timer{font-size:40px!important}}.study-room-main{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto}.study-room-center{min-width:0}.room-timer-card{padding:12px 16px!important}.big-room-timer{margin:8px 0!important;font-size:clamp(30px,3vw,42px)!important;line-height:1!important}.room-timer-tabs{margin-top:7px!important}.timer-controls{margin-top:8px!important}.shared-timer-text{margin:7px 0 0!important;font-size:10px!important}.room-video-grid{width:100%;max-width:none;grid-template-columns:minmax(0,1fr)!important}.room-video-grid.has-remote{grid-template-columns:repeat(2,minmax(0,1fr))!important}.participant-video-card{width:100%;min-width:0;max-height:62vh;position:relative;overflow:hidden;aspect-ratio:16/9!important;min-height:0!important}.participant-video-card .camera-video{position:absolute;inset:0;object-fit:cover!important;width:100%!important;height:100%!important}.room-camera-section{min-width:0}.room-video-helper{min-height:16px}@media (width<=900px){.room-video-grid.has-remote{grid-template-columns:1fr!important}.participant-video-card{max-height:none}}.join-room-page{box-sizing:border-box;color:#f5f5f7;background:#08090b;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:55px 35px;display:flex}.join-room-card{box-sizing:border-box;text-align:center;background:#111214;border:1px solid #292b30;border-radius:18px;width:min(560px,100%);padding:32px;box-shadow:0 25px 70px #0000004d}.join-room-icon{color:#e8e9ec;background:#1b1d21;border:1px solid #292b30;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 17px;display:flex}.join-room-card h1{color:#f5f5f7;letter-spacing:-.035em;margin:0;font-size:25px;font-weight:700;line-height:1.2}.join-room-card>p{color:#777b83;margin:9px 0 25px;font-size:13px;line-height:1.5}.join-room-tabs{box-sizing:border-box;background:#090a0c;border:1px solid #25272b;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:22px;padding:5px;display:grid}.join-room-tabs button{color:#777b83;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:650;transition:all .18s;display:flex}.join-room-tabs button:hover{color:#e2e3e6}.join-room-tabs button.active{color:#111214;background:#f1f1f1;box-shadow:0 3px 12px #00000040}.join-room-error{box-sizing:border-box;color:#e3a0a0;text-align:left;background:#1b1113;border:1px solid #4a292c;border-radius:9px;width:100%;margin-bottom:14px;padding:10px 12px;font-size:11px;line-height:1.45}.join-code-section{text-align:left;flex-direction:column;width:100%;display:flex}.join-code-section label{color:#999da5;margin-bottom:7px;font-size:11px;font-weight:600}.join-code-section input{box-sizing:border-box;color:#f3f4f6;text-align:center;letter-spacing:.18em;text-transform:uppercase;background:#090a0c;border:1px solid #3a3c42;border-radius:11px;outline:none;width:100%;height:56px;padding:0 18px;font-family:inherit;font-size:21px;font-weight:650}.join-code-section input:focus{border-color:#73767e;box-shadow:0 0 0 3px #ffffff0d}.join-code-section input::placeholder{color:#6d7077}.room-code-hint{color:#5f636a;text-align:center;margin-top:7px;font-size:9px}.join-primary-button{color:#111214;cursor:pointer;background:#f1f1f1;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s;display:flex}.join-primary-button:hover{background:#fff;transform:translateY(-1px)}.join-primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.public-room-section{text-align:left;width:100%}.public-room-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.public-room-heading-text{flex-direction:column;gap:3px;display:flex}.public-room-heading strong{color:#e9eaed;font-size:13px;font-weight:700}.public-room-heading span{color:#6f737a;font-size:10px}.refresh-rooms{color:#aeb1b7;cursor:pointer;background:#17191c;border:1px solid #2b2d32;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.refresh-rooms:hover{color:#fff;background:#202226}.refresh-rooms:disabled{opacity:.5;cursor:not-allowed}.public-room-list{flex-direction:column;gap:8px;width:100%;max-height:310px;display:flex;overflow-y:auto}.public-room-item{box-sizing:border-box;background:#0c0d0f;border:1px solid #27292e;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:12px 13px;display:flex}.public-room-info{flex-direction:column;gap:4px;min-width:0;display:flex}.public-room-title{color:#e9eaed;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.public-room-description{color:#70747b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.public-room-meta{color:#62666d;gap:10px;font-size:9px;display:flex}.public-join-button{color:#111214;cursor:pointer;background:#f1f1f1;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.public-join-button:hover{background:#fff}.public-join-button:disabled{opacity:.45;cursor:not-allowed}.rooms-empty{box-sizing:border-box;color:#666a71;text-align:center;border:1px dashed #303238;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:145px;padding:20px;font-size:11px;display:flex}.rooms-empty strong{color:#a0a4ab;font-size:12px}.rooms-empty span{color:#62666d;max-width:280px;line-height:1.45}.join-room-divider{color:#55585f;align-items:center;gap:12px;width:100%;margin:22px 0 13px;font-size:10px;display:flex}.join-room-divider:before,.join-room-divider:after{content:"";background:#292b30;flex:1;height:1px}.create-room-link{color:#999da5;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:11px;font-weight:650}.create-room-link:hover{color:#fff}@keyframes join-room-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-theme-light .join-room-page{color:#17181b;background:#f5f6f8}.app-theme-light .join-room-card{background:#fff;border-color:#e1e3e7;box-shadow:0 25px 70px #00000012}.app-theme-light .join-room-icon{color:#24262a;background:#f0f1f3;border-color:#e0e2e6}.app-theme-light .join-room-card h1{color:#17181b}.app-theme-light .join-room-card>p{color:#777b82}.app-theme-light .join-room-tabs{background:#f3f4f6;border-color:#e0e2e6}.app-theme-light .join-room-tabs button{color:#777b82}.app-theme-light .join-room-tabs button.active{color:#fff;background:#17181b}.app-theme-light .join-code-section label{color:#656970}.app-theme-light .join-code-section input{color:#17181b;background:#fafafa;border-color:#d9dce1}.app-theme-light .join-code-section input:focus{background:#fff;border-color:#999da5;box-shadow:0 0 0 3px #0000000b}.app-theme-light .join-primary-button{color:#fff;background:#17181b}.app-theme-light .public-room-item{background:#fafafa;border-color:#e0e2e6}.app-theme-light .public-room-title{color:#202226}.app-theme-light .public-room-description{color:#777b82}.app-theme-light .refresh-rooms{color:#656970;background:#fff;border-color:#dedfe3}.app-theme-light .public-join-button{color:#fff;background:#17181b}.app-theme-light .rooms-empty{border-color:#d9dce1}.app-theme-light .join-room-divider:before,.app-theme-light .join-room-divider:after{background:#dedfe3}.app-theme-light .create-room-link{color:#686c73}.app-theme-light .create-room-link:hover{color:#17181b}@media (width<=650px){.join-room-page{padding:25px 14px}.join-room-card{border-radius:15px;padding:25px 18px}}@media (width<=430px){.join-room-card{padding:22px 14px}.join-room-card h1{font-size:22px}.public-room-item{align-items:flex-end}.public-room-meta{flex-direction:column;gap:2px}}.solo-page,.modern-solo{--solo-bg:#070809;--solo-panel:#101216c7;--solo-panel-solid:#111318;--solo-border:#ffffff1a;--solo-border-strong:#ffffff2b;--solo-text:#f7f7f8;--solo-muted:#a0a5af;--solo-dim:#707680;--solo-white:#fff;--solo-black:#090a0c}.solo-page{isolation:isolate;min-height:100vh!important;color:var(--solo-text)!important;background-color:var(--solo-bg)!important;overflow:auto!important}.solo-page:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 78% 18%,#5a789638,#0000 28%),radial-gradient(circle at 42% 72%,#ffffff09,#0000 32%),linear-gradient(#0000000d,#00000061);position:fixed;inset:0}.solo-page:after{background:linear-gradient(90deg,#0000001f,#0000 50%),linear-gradient(#0000 55%,#00000040);z-index:-1!important}.solo-topbar{box-shadow:0 1px #ffffff06;border-bottom:1px solid var(--solo-border)!important;background:#08090bb8!important;min-height:72px!important;padding:14px 22px!important}.solo-title{gap:11px!important}.solo-title-icon{box-shadow:0 8px 24px #0000002e;border-color:var(--solo-border-strong)!important;background:#ffffff14!important;border-radius:11px!important;width:40px!important;height:40px!important}.solo-title h1{letter-spacing:-.025em;font-size:17px!important}.solo-title p{color:var(--solo-muted)!important;margin-top:2px!important;font-size:11px!important}.top-controls,.solo-top-actions{gap:7px!important}.top-control,.solo-control,.fullscreen-button{transition:transform .16s,background .16s,border-color .16s;border-color:var(--solo-border)!important;color:#e8eaf0!important;background:#ffffff0b!important;border-radius:10px!important;height:38px!important;padding:0 11px!important}.top-control:hover,.solo-control:hover,.fullscreen-button:hover{transform:translateY(-1px);border-color:var(--solo-border-strong)!important;background:#ffffff14!important}.fullscreen-button{width:38px!important;padding:0!important}.dropdown-menu,.solo-dropdown{border:1px solid var(--solo-border-strong)!important;background:#111317f7!important;border-radius:11px!important;min-width:165px!important;padding:5px!important;box-shadow:0 20px 55px #0000006b!important}.dropdown-menu button,.solo-dropdown button{color:#d8dbe1!important;border-radius:8px!important;padding:9px 10px!important}.dropdown-menu button:hover,.solo-dropdown button:hover{color:#fff!important;background:#ffffff12!important}.solo-content{max-width:1280px!important;padding:28px 28px 42px!important}.solo-hero{grid-template-columns:minmax(0,1.12fr) 400px!important;gap:32px!important;min-height:290px!important}.solo-hero-copy{max-width:650px!important}.solo-kicker{font-weight:700;color:#9ea5b0!important;letter-spacing:.18em!important;font-size:10px!important}.solo-hero h2{letter-spacing:-.055em!important;margin:10px 0 12px!important;font-size:clamp(40px,4.5vw,60px)!important;line-height:.98!important}.solo-hero-copy>p{color:#a9aeb8!important;max-width:540px!important;margin:0!important;font-size:15px!important;line-height:1.6!important}.solo-hero-quote{color:#d4d7dd!important;margin-top:19px!important;font-size:13px!important}.solo-timer-card{border-color:var(--solo-border-strong)!important;background:#0e1015d1!important;border-radius:19px!important;padding:21px!important;box-shadow:0 24px 65px #00000047!important}.solo-progress{background:#ffffff13!important;height:3px!important;margin:15px 0 21px!important}.solo-time{text-shadow:0 8px 35px #ffffff0f;letter-spacing:-.065em!important;font-size:clamp(58px,5vw,68px)!important;font-weight:700!important}.solo-timer-actions{gap:10px!important;margin-top:20px!important}.solo-secondary-btn{background:#ffffff0b!important;border-radius:9px!important;height:38px!important;padding:0 12px!important}.solo-main-play{transition:transform .16s,box-shadow .16s;width:56px!important;height:56px!important;box-shadow:0 12px 30px #ffffff21!important}.solo-main-play:hover{transform:translateY(-2px)scale(1.025);box-shadow:0 16px 38px #ffffff2e!important}.solo-workspace{gap:16px!important}.solo-panel{border-color:var(--solo-border)!important;background:#0b0d11b8!important;border-radius:16px!important;padding:18px!important;box-shadow:0 18px 50px #0000002e!important}.solo-panel:hover{border-color:#ffffff24}.solo-panel-heading{margin-bottom:14px!important}.solo-panel-heading span{font-size:13px!important}.solo-tabs,.solo-session-types{border:1px solid #ffffff0b;background:#ffffff0b!important}.solo-tabs button,.solo-session-types button{border-radius:7px!important;padding:8px 6px!important}.solo-tabs button.active,.solo-session-types button.active{box-shadow:0 4px 14px #ffffff14}.solo-goal-input input{border-color:var(--solo-border)!important;background:#0000003d!important;border-radius:9px!important;height:40px!important}.solo-goal-input input:focus{box-shadow:0 0 0 3px #ffffff09;border-color:#ffffff47!important}.solo-goal-input button{transition:transform .15s;width:40px!important;height:40px!important}.solo-goal-input button:hover{transform:translateY(-1px)}.solo-goal{border:1px solid #ffffff0e;transition:background .15s,border-color .15s}.solo-goal:hover{background:#ffffff0e;border-color:#ffffff1a}.solo-bottom-row{min-height:62px;border-color:var(--solo-border)!important;background:#090b0fa6!important;border-radius:14px!important;margin-top:16px!important;padding:13px 15px!important}.solo-start-btn{transition:transform .15s,box-shadow .15s;box-shadow:0 8px 25px #ffffff14;border-radius:10px!important;height:40px!important;padding:0 16px!important}.solo-start-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #ffffff1f}.app-theme-light .solo-page{--solo-bg:#f3f5f8;--solo-panel:#ffffffd1;--solo-panel-solid:#fff;--solo-border:#0f141c1a;--solo-border-strong:#0f141c29;--solo-text:#111318;--solo-muted:#68707c;--solo-dim:#8b929d;--solo-white:#111318;--solo-black:#fff;color:#111318!important;background:#f3f5f8!important}.app-theme-light .solo-page:before{z-index:0!important;background:radial-gradient(circle at 76% 18%,#b4c3d752,#0000 30%),radial-gradient(circle at 45% 70%,#ffffffe6,#0000 42%),linear-gradient(#f8f9fbd1,#f3f5f8f0)!important}.app-theme-light .solo-page:after{z-index:0!important;background:linear-gradient(90deg,#ffffffb8,#ffffff40 55%,#ffffff85)!important}.app-theme-light .solo-topbar,.app-theme-light .solo-content,.app-theme-light .solo-center,.app-theme-light .solo-panels,.app-theme-light .study-status,.app-theme-light .quote-card{z-index:2;position:relative}.app-theme-light .solo-topbar{box-shadow:0 1px #00000008;background:#ffffffc7!important;border-color:#0f141c1a!important}.app-theme-light .solo-title h1{color:#111318!important}.app-theme-light .solo-title p{color:#6c727d!important}.app-theme-light .solo-title-icon{box-shadow:0 8px 24px #0f141c1f;color:#fff!important;background:#111318!important;border-color:#111318!important}.app-theme-light .top-control,.app-theme-light .solo-control,.app-theme-light .fullscreen-button{color:#22262d!important;background:#ffffffbd!important;border-color:#0f141c1f!important}.app-theme-light .top-control:hover,.app-theme-light .solo-control:hover,.app-theme-light .fullscreen-button:hover{background:#fff!important;border-color:#0f141c33!important}.app-theme-light .dropdown-menu,.app-theme-light .solo-dropdown{background:#fffffffa!important;border-color:#0f141c1f!important;box-shadow:0 20px 50px #14192324!important}.app-theme-light .dropdown-menu button,.app-theme-light .solo-dropdown button{color:#30343b!important}.app-theme-light .dropdown-menu button:hover,.app-theme-light .solo-dropdown button:hover{color:#111318!important;background:#f0f2f5!important}.app-theme-light .solo-kicker{color:#6e7580!important}.app-theme-light .solo-hero h2{color:#111318!important}.app-theme-light .solo-hero-copy>p{color:#59616d!important}.app-theme-light .solo-hero-quote{color:#343a43!important}.app-theme-light .solo-timer-card,.app-theme-light .solo-panel,.app-theme-light .solo-bottom-row{color:#111318!important;background:#ffffffd1!important;border-color:#0f141c1c!important;box-shadow:0 18px 50px #14192317!important}.app-theme-light .solo-panel-heading,.app-theme-light .solo-panel-heading span,.app-theme-light .solo-timer-card-top span:first-child{color:#20242b!important}.app-theme-light .solo-timer-card-top,.app-theme-light .solo-panel-heading strong{color:#737b87!important}.app-theme-light .solo-progress{background:#0f141c14!important}.app-theme-light .solo-progress span{background:#111318!important}.app-theme-light .solo-time{color:#111318!important;text-shadow:none!important}.app-theme-light .solo-secondary-btn{color:#252a31!important;background:#f2f4f7!important;border-color:#0f141c1c!important}.app-theme-light .solo-main-play,.app-theme-light .solo-start-btn,.app-theme-light .solo-goal-input button{color:#fff!important;background:#111318!important;box-shadow:0 10px 28px #0f141c26!important}.app-theme-light .solo-tabs,.app-theme-light .solo-session-types{background:#eef0f3!important;border-color:#0f141c0f!important}.app-theme-light .solo-tabs button,.app-theme-light .solo-session-types button{color:#707782!important}.app-theme-light .solo-tabs button.active,.app-theme-light .solo-session-types button.active{color:#fff!important;background:#111318!important}.app-theme-light .solo-goal-input input{color:#111318!important;background:#fff!important;border-color:#0f141c1f!important}.app-theme-light .solo-goal-input input::placeholder{color:#969da7!important}.app-theme-light .solo-empty-goals{color:#7c838e!important}.app-theme-light .solo-empty-goals strong{color:#363b43!important}.app-theme-light .solo-goal{background:#f5f6f8!important;border-color:#0f141c12!important}.app-theme-light .solo-goal:hover{background:#eef0f3!important}.app-theme-light .solo-goal>span{color:#30353d!important}.app-theme-light .solo-goal>span.completed{color:#9aa0aa!important}.app-theme-light .solo-check{border-color:#0f141c33!important}.app-theme-light .solo-check.done{color:#fff!important;background:#111318!important}.app-theme-light .solo-status-dot{box-shadow:none!important;background:#111318!important}.app-theme-light .solo-status-card strong{color:#252a31!important}.app-theme-light .solo-status-card span{color:#7a818c!important}@media (width<=1000px){.solo-content{padding:24px 22px 38px!important}.solo-hero{grid-template-columns:1fr!important;min-height:auto!important}.solo-timer-card{width:100%;max-width:520px}}@media (width<=760px){.solo-topbar{min-height:auto!important;padding:13px 16px!important}.solo-top-actions,.top-controls{scrollbar-width:none;width:100%;overflow-x:auto}.solo-top-actions::-webkit-scrollbar{display:none}.top-controls::-webkit-scrollbar{display:none}.solo-content{padding:20px 16px 34px!important}.solo-hero h2{font-size:42px!important}.solo-workspace{grid-template-columns:1fr!important}.solo-time{font-size:56px!important}.solo-bottom-row{flex-direction:column;align-items:stretch}.solo-start-btn{justify-content:center}}@media (width<=520px){.solo-title p{display:none}.solo-title h1{font-size:16px!important}.solo-title-icon{width:36px!important;height:36px!important}.solo-hero h2{font-size:36px!important}.solo-hero-copy>p{font-size:14px!important}.solo-timer-card{padding:17px!important}.solo-time{font-size:50px!important}}.media-dropdown{max-height:420px;overflow:auto;width:250px!important;padding:7px!important}.media-dropdown>button{width:100%;text-align:left!important;border-radius:8px!important;padding:9px 10px!important}.youtube-input-mini{gap:6px;padding:7px 3px 3px;display:flex}.youtube-input-mini input,.youtube-input-mini-field{width:100%;min-width:0;height:35px;color:inherit;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:0 9px;font-size:11px}.youtube-input-mini button{color:#fff!important;background:#6577ff!important;border:0!important;border-radius:8px!important;width:auto!important;padding:0 10px!important}.youtube-input-mini-field{margin-bottom:6px}.solo-youtube-player{z-index:250;background:#0d1015;border:1px solid #ffffff21;border-radius:15px;width:min(440px,100vw - 32px);position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 25px 70px #00000073}.solo-youtube-head{color:#fff;justify-content:space-between;align-items:center;height:42px;padding:0 10px 0 14px;font-size:11px;font-weight:750;display:flex}.solo-youtube-head button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;width:28px;height:28px;font-size:19px}.solo-youtube-player iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.app-theme-light .media-dropdown{background:#fff;border-color:#0f141e1f}.app-theme-light .youtube-input-mini input,.app-theme-light .youtube-input-mini-field{color:#17191e;background:#f4f5f7;border-color:#0f141e1f}.background-upload-mini{color:#aeb5c1;cursor:pointer;background:#ffffff06;border:1px dashed #ffffff29;border-radius:8px;align-items:center;gap:7px;height:37px;margin:6px 3px 3px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.background-upload-mini:hover{color:#fff;border-color:#788cff80}.background-upload-mini input{display:none}.solo-page{min-height:100vh;position:relative;overflow:hidden!important}.solo-image-background,.solo-youtube-background{z-index:-5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.solo-image-background{background-position:50%;background-repeat:no-repeat;background-size:cover}.solo-youtube-background iframe{pointer-events:none;border:0;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.08)}.solo-youtube-background-overlay{background:linear-gradient(90deg,#04070ce6 0%,#04070c9e 35%,#04070c40 70%,#04070c7a 100%),linear-gradient(#04070c1f,#04070c6b);position:absolute;inset:0}.solo-topbar,.solo-panels,.solo-center,.study-status,.quote-card{z-index:5;position:relative}.solo-youtube-background{background:#050505}.solo-youtube-actions{align-items:center;gap:5px;display:flex}.solo-youtube-actions button{justify-content:center;align-items:center;display:flex}@media (width<=760px){.solo-youtube-background iframe{transform:translate(-50%,-50%)scale(1.25)}}.solo-mode .sidebar{display:none!important}.solo-mode .app-main{width:100%!important;min-height:100vh!important;margin-left:0!important}.solo-reference{color:#fff!important;background-color:#1b0b07!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%!important;min-height:100vh!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;position:relative!important;overflow:hidden!important}.solo-reference:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 52% 42%,#ffffff0b,#0000 28%),linear-gradient(90deg,#0c04026b,#0c04021f 52%,#0c04026b),linear-gradient(#0802012e,#08020194);position:absolute;inset:0}.solo-reference-youtube-bg{background:#000;z-index:0!important;pointer-events:none!important;position:absolute!important;inset:0!important;overflow:hidden!important}.solo-reference-youtube-bg iframe{pointer-events:none;border:0;width:100vw;min-width:177.78vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.08)}.solo-reference-youtube-overlay{background:linear-gradient(90deg,#080302a3,#0803022e 58%,#0803027a),linear-gradient(#00000026,#0000008f);position:absolute;inset:0}.solo-reference-topbar{justify-content:space-between;align-items:flex-start;gap:20px;height:104px;padding:16px 26px;display:flex}.solo-reference-brand{align-items:center;gap:16px;display:flex}.solo-back-button{color:#f7f2ef;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0805048f;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:9px;height:52px;padding:0 17px;font-size:13px;display:inline-flex}.solo-back-button:hover{background:#ffffff17}.solo-brand-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0805048f;border:1px solid #ffffff1c;border-radius:16px;flex-direction:column;justify-content:center;min-width:150px;height:66px;padding:12px 18px;display:flex}.solo-brand-card strong{letter-spacing:-.02em;font-size:15px;line-height:1.1}.solo-brand-card span{color:#ffffff7a;margin-top:5px;font-size:10px}.solo-reference-actions{align-items:center;gap:8px;padding-top:12px;display:flex}.solo-reference-menu-wrap{position:relative}.solo-icon-action,.solo-background-button{color:#ffffffe0;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0805048f;border:1px solid #ffffff1c;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;display:inline-flex}.solo-icon-action{width:42px}.solo-background-button{padding:0 14px;font-size:11px}.solo-icon-action:hover,.solo-background-button:hover,.solo-bottom-button:hover{background:#ffffff1a;border-color:#ffffff30}.solo-reference-main{grid-template-columns:335px minmax(0,1fr);gap:28px;min-height:calc(100vh - 104px);padding:0 25px 95px;display:grid}.solo-reference-sidebar{flex-direction:column;gap:14px;width:302px;padding-top:2px;display:flex}.solo-reference-card{-webkit-backdrop-filter:blur(22px);background:#0a0504a3;border:1px solid #ffffff1a;border-radius:24px;position:relative;box-shadow:0 24px 70px #0003}.solo-reference-timer{min-height:225px;padding:24px 21px 16px}.solo-reference-card-top{justify-content:space-between;align-items:flex-start;display:flex}.solo-reference-label{color:#ffffffc7;letter-spacing:.19em;font-size:11px;font-weight:750;display:block}.solo-reference-subtitle{color:#ffffff5e;margin-top:7px;font-size:10px;display:block}.solo-reference-status-dot{background:#ffffff45;border-radius:50%;width:8px;height:8px;margin-top:7px}.solo-reference-status-dot.running{background:#d7e7d2;box-shadow:0 0 0 5px #d7e7d212}.solo-reference-time{color:#fff;letter-spacing:-.055em;text-align:center;margin-top:20px;font-size:49px;font-weight:650;line-height:.95}.solo-reference-ready{color:#ffffff61;text-align:center;margin-top:10px;font-size:10px}.solo-reference-start{color:#17100e;cursor:pointer;background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 53px);height:38px;margin-top:18px;font-size:12px;font-weight:650;display:flex;position:relative}.solo-reference-start:hover{transform:translateY(-1px)}.solo-reference-reset{color:#ffffffc7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:12px;justify-content:center;align-items:center;width:43px;height:38px;display:flex;position:absolute;bottom:16px;right:21px}.solo-reference-modes{opacity:.72;gap:4px;margin-top:13px;display:flex}.solo-reference-modes button{color:#ffffff6b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 2px;font-size:8px}.solo-reference-modes button.active{color:#ffffffdb;background:#ffffff12}.solo-reference-error{color:#ffb4b4;background:#ff5c5c1a;border:1px solid #ff5c5c2e;border-radius:9px;margin-top:10px;padding:8px 10px;font-size:9px;line-height:1.35}.solo-reference-goals{min-height:198px;padding:22px 21px 18px}.solo-reference-goal-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.solo-reference-goal-heading strong{font-size:14px;display:block}.solo-reference-goal-heading span:not(.solo-reference-session-badge){color:#ffffff57;margin-top:6px;font-size:9px;display:block}.solo-reference-session-badge{color:#ffffff57;background:#ffffff0f;border-radius:999px;padding:5px 8px;font-size:8px}.solo-reference-goals .solo-goals-panel,.solo-reference-goals>div{box-shadow:none!important;background:0 0!important;border:0!important;margin:14px 0 0!important;padding:0!important}.solo-reference-goals .solo-goal-input{margin-top:0!important}.solo-reference-goals .solo-goal-input input{background:#ffffff09!important;border-radius:11px!important;height:40px!important}.solo-reference-center{text-align:center;justify-content:center;align-items:center;min-width:0;padding:10px 7vw 50px 3vw;display:flex}.solo-reference-center h1{color:#fffffff5;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 15px 50px #00000047;max-width:800px;margin:0;font-size:clamp(40px,4.1vw,68px);font-weight:650;line-height:1.17}.solo-reference-quote-mark{color:#ffffff57;margin-top:-185px;font-family:Georgia,serif;font-size:46px;position:absolute}.solo-reference-author{color:#ffffff52;margin-top:230px;font-size:12px;position:absolute}.solo-reference-bottom-left{bottom:26px;left:25px;position:absolute!important}.solo-reference-status-small{color:#ffffff6e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0805048c;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 13px;font-size:9px;display:inline-flex}.solo-reference-status-small i{background:#ffffff40;border-radius:50%;width:8px;height:8px}.solo-reference-status-small i.running{background:#d7e7d2}.solo-reference-bottom-right{align-items:center;gap:9px;display:flex;bottom:26px;right:25px;position:absolute!important}.solo-bottom-button{color:#ffffff8a;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0805048c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;display:inline-flex}.solo-reference-dropdown{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0e0807f5;border:1px solid #ffffff1f;border-radius:14px;width:215px;padding:7px;bottom:calc(100% + 9px);right:0;box-shadow:0 22px 60px #0000006b;position:absolute!important}.solo-reference-dropdown button{color:#ffffffb8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;min-height:34px;padding:0 10px;font-size:10px}.solo-reference-dropdown button:hover,.solo-reference-dropdown button.selected{color:#fff;background:#ffffff14}.solo-background-menu{top:calc(100% + 9px);bottom:auto;right:0}.solo-reference-quote-menu{top:calc(100% + 9px);bottom:auto}.solo-sounds-menu,.solo-youtube-menu{bottom:calc(100% + 9px)}.solo-reference-upload{color:#ffffff8c;cursor:pointer;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:10px;display:flex}.solo-reference-upload:hover{color:#fff;background:#ffffff14}.solo-reference-upload input{display:none}.solo-reference-menu-divider{background:#ffffff14;height:1px;margin:7px 2px}.solo-reference-youtube-input{box-sizing:border-box;color:#fff;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;height:34px;margin:2px 0 5px;padding:0 9px;font-size:10px}.solo-reference-youtube-input::placeholder{color:#ffffff4d}.solo-reference-youtube-input:focus{border-color:#ffffff3d}.solo-youtube-player{z-index:250!important}.solo-fullscreen-action{margin-left:1px}@media (width<=900px){.solo-reference-topbar{flex-wrap:wrap;height:auto;padding:14px}.solo-reference-actions{padding-top:0}.solo-reference-main{grid-template-columns:1fr;padding:0 14px 90px}.solo-reference-sidebar{width:min(100%,390px);margin:0 auto}.solo-reference-center{min-height:390px;padding:30px 18px 70px}.solo-reference-center h1{font-size:clamp(34px,8vw,54px)}}@media (width<=560px){.solo-reference-brand{width:100%}.solo-back-button span{display:none}.solo-brand-card{flex:1}.solo-reference-actions{justify-content:flex-end;width:100%}.solo-reference-actions .solo-background-button{flex:1;justify-content:center}.solo-reference-bottom-right{justify-content:flex-end;bottom:14px;left:14px;right:14px}.solo-reference-bottom-left{bottom:60px;left:14px}.solo-reference-center h1{font-size:34px}}.study-app.solo-mode>.sidebar,.study-app.solo-mode .sidebar{width:0!important;min-width:0!important;display:none!important}.study-app.solo-mode>.app-main{width:100vw!important;max-width:100vw!important;margin-left:0!important;padding-left:0!important}:-webkit-any(.solo-reference:fullscreen,.solo-reference:-webkit-full-screen){background:#120705!important;width:100vw!important;min-width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}:is(.solo-reference:fullscreen,.solo-reference:fullscreen){background:#120705!important;width:100vw!important;min-width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.solo-reference:fullscreen .solo-reference-topbar{padding-top:16px}.solo-reference-youtube-bg{z-index:0!important;background:#000!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important}.solo-reference-youtube-bg iframe{pointer-events:none!important;border:0!important;width:max(100vw,177.78vh)!important;min-width:0!important;max-width:none!important;height:max(100vh,56.25vw)!important;min-height:0!important;max-height:none!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.solo-reference-youtube-overlay{z-index:2!important}.solo-reference>.solo-reference-topbar,.solo-reference>.solo-reference-main,.solo-reference>.solo-reference-bottom-left,.solo-reference>.solo-reference-bottom-right,.solo-reference>.solo-youtube-player{z-index:5!important}.solo-reference .solo-youtube-player{background:#080808!important;border-radius:16px!important;width:min(560px,100vw - 48px)!important;max-width:560px!important;position:fixed!important;bottom:24px!important;right:24px!important;overflow:hidden!important}.solo-reference .solo-youtube-player iframe{aspect-ratio:16/9!important;border:0!important;width:100%!important;height:auto!important;min-height:0!important;display:block!important}.solo-reference-timer{position:relative!important}.solo-reference-start{width:calc(100% - 53px)!important}.solo-reference-reset{z-index:4!important;bottom:16px!important;right:21px!important}.solo-reference-modes{width:calc(100% - 53px)!important;margin-right:0!important;padding-right:0!important}.solo-reference-modes button{white-space:nowrap!important;min-width:0!important}.solo-reference:fullscreen:before{inset:0!important}.solo-reference:-webkit-full-screen:before{inset:0!important}@media (width<=760px){.solo-reference .solo-youtube-player{width:calc(100vw - 24px)!important;bottom:12px!important;right:12px!important}.solo-reference-youtube-bg iframe{transform:translate(-50%,-50%)scale(1.02)!important}}.solo-reference{height:100vh!important;min-height:100vh!important;overflow:hidden!important}:-webkit-any(.solo-reference:fullscreen,.solo-reference:-webkit-full-screen){width:auto!important;min-width:0!important;height:auto!important;min-height:0!important}:is(.solo-reference:fullscreen,.solo-reference:fullscreen){width:auto!important;min-width:0!important;height:auto!important;min-height:0!important}.solo-background-menu{z-index:1000!important;pointer-events:auto!important}.solo-background-choice{text-align:left!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:5px 8px!important;display:flex!important}.solo-background-thumb{background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:7px;flex:0 0 42px;width:42px;height:30px}.solo-reference-actions{gap:8px!important}.solo-fullscreen-action{display:none!important}.solo-sounds-overlay{z-index:5000!important;box-sizing:border-box!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:min(420px,100vw - 44px)!important;max-height:calc(100vh - 110px)!important;padding:0!important;position:fixed!important;inset:auto 22px 76px auto!important;overflow-y:auto!important}.solo-sounds-modal{box-sizing:border-box;-webkit-backdrop-filter:blur(22px);background:#0f0e0ef7;border:1px solid #ffffff1f;border-radius:24px;width:100%;min-height:0;margin:0;padding:24px 20px 18px;position:relative;box-shadow:0 24px 70px #00000080}.solo-sounds-header{justify-content:space-between;align-items:flex-start;gap:14px;padding:0;display:flex}.solo-sounds-header h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700;line-height:1.1}.solo-sounds-header p{color:#ffffff6b;margin:8px 0 0;font-size:11px}.solo-sounds-close{color:#ffffff6b;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:25px;font-weight:200;line-height:1}.solo-sounds-close:hover{color:#fff}.solo-sounds-current{box-sizing:border-box;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:14px;min-height:86px;margin-top:20px;padding:17px;display:flex}.solo-sounds-current-icon{background:#ffffff17;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.solo-sounds-current-copy strong{font-size:14px;font-weight:500;display:block}.solo-sounds-current-copy span{color:#ffffff61;margin-top:5px;font-size:10px;display:block}.solo-sounds-volume{margin:16px 2px 0}.solo-sounds-volume>div{color:#ffffff6e;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.solo-sounds-volume input[type=range]{accent-color:#fff;cursor:pointer;width:100%}.solo-sounds-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.solo-sound-choice{color:#fff;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:10px;min-height:61px;padding:10px 12px;display:flex}.solo-sound-choice:hover,.solo-sound-choice.selected{background:#ffffff14;border-color:#ffffff3b}.solo-sound-choice-icon{text-align:center;flex:0 0 25px;width:25px;font-size:18px}.solo-sound-choice strong{font-size:11px;font-weight:500;display:block}.solo-sound-choice small{color:#ffffff57;margin-top:3px;font-size:9px;display:block}.solo-sounds-youtube{background:#ffffff09;border:1px solid #ffffff1a;border-radius:15px;margin-top:13px;padding:13px}.solo-sounds-youtube-title{color:#ffffffd1;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.solo-sounds-youtube-row{gap:7px;margin-top:9px;display:flex}.solo-sounds-youtube-row input{box-sizing:border-box;color:#fff;background:#00000040;border:1px solid #ffffff1a;border-radius:9px;outline:none;flex:1;min-width:0;height:34px;padding:0 10px;font-size:10px}.solo-sounds-youtube-row input::placeholder{color:#ffffff45}.solo-sounds-youtube-row button{color:#171212;cursor:pointer;background:#fff;border:0;border-radius:9px;min-width:55px;height:34px;padding:0 11px;font-size:10px;font-weight:650}.solo-sounds-stop{color:#ffffff6e;cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:8px;height:29px;margin-top:8px;padding:0 10px;font-size:9px}.solo-sounds-footnote{color:#ffffff3d;text-align:center;max-width:220px;margin:12px auto 0;font-size:9px;line-height:1.4}@media (width<=560px){.solo-sounds-overlay{width:calc(100vw - 20px)!important;max-height:calc(100vh - 80px)!important;bottom:64px!important;right:10px!important}.solo-sounds-modal{border-radius:19px;padding:18px 15px 14px}}.solo-youtube-audio-only{opacity:.01!important;pointer-events:none!important;z-index:-1!important;width:2px!important;height:2px!important;position:fixed!important;top:-20px!important;left:-20px!important;overflow:hidden!important}.solo-youtube-audio-only iframe{border:0!important;width:2px!important;height:2px!important}.solo-reference .solo-youtube-player{z-index:250!important}.solo-reference-modes{gap:2px!important;width:calc(100% - 55px)!important;padding-right:0!important}.solo-reference-modes button{padding-left:0!important;padding-right:0!important;font-size:8px!important}@media (width<=700px){.solo-sounds-overlay{padding:18px 16px 24px!important}.solo-sounds-current{margin-top:25px;padding:22px}.solo-sounds-grid{grid-template-columns:1fr}.solo-sounds-header h2{font-size:25px}.solo-sounds-header p{font-size:16px}.solo-sounds-youtube-row{flex-direction:column}}.solo-reference{background-color:#1b0b07!important;background-image:none!important}.solo-reference-image-bg{z-index:0!important;pointer-events:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:absolute!important;inset:0!important}.solo-reference-youtube-bg{z-index:0!important}.solo-reference-image-bg:after{content:"";background:linear-gradient(90deg,#00000061,#0000001a 55%,#00000061),linear-gradient(#00000014,#0000007a);position:absolute;inset:0}.solo-background-menu,.solo-background-choice{pointer-events:auto!important}.solo-background-choice{cursor:pointer!important}.solo-reference{isolation:isolate!important;background:#160907!important;position:relative!important}.solo-reference:before{z-index:1!important;background:linear-gradient(90deg,#0006,#0000001a 55%,#0006),linear-gradient(#00000014,#0000007a)!important}.solo-reference:after{z-index:2!important;pointer-events:none!important;background:linear-gradient(#0000000a,#00000029)!important}.solo-reference-image-bg,.solo-reference-video-bg,.solo-reference-youtube-bg{z-index:0!important;position:absolute!important;inset:0!important}.solo-reference-image-bg{background-color:#160907!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.solo-reference-image-bg:after{display:none!important}.solo-reference-video-bg{background:#000!important;overflow:hidden!important}.solo-reference-video-bg video{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.solo-reference-youtube-bg iframe{width:100vw!important;min-width:177.78vh!important;height:56.25vw!important;min-height:100vh!important;transform:translate(-50%,-50%)scale(1.08)!important}.solo-reference-topbar,.solo-reference-main,.solo-reference-bottom-left,.solo-reference-bottom-right,.solo-sounds-overlay,.solo-youtube-player,.solo-youtube-audio-only{z-index:10!important;position:relative!important}.solo-reference-bottom-left,.solo-reference-bottom-right{position:absolute!important}.solo-background-menu{z-index:1000!important;width:245px!important;max-height:min(590px,100vh - 130px)!important;padding:9px!important;overflow-y:auto!important}.solo-background-choice{color:#ffffffc7!important;cursor:pointer!important;pointer-events:auto!important;background:0 0!important;border:0!important;border-radius:10px!important;width:100%!important;min-height:48px!important;margin:0!important}.solo-background-choice:hover{background:#ffffff14!important}.solo-background-choice:active{transform:scale(.985)}.solo-background-thumb{flex-basis:48px!important;width:48px!important;height:32px!important}.solo-reference-quote-menu{width:175px!important}.solo-reference-quote-menu button:last-child{background:#ffffff0d!important;border:1px solid #ffffff1a!important;margin-top:3px!important}.solo-sounds-overlay{pointer-events:none!important;background:0 0!important;width:min(440px,100vw - 48px)!important;max-height:calc(100vh - 105px)!important;padding:0!important;inset:auto 24px 72px auto!important;overflow:visible!important}.solo-sounds-modal{pointer-events:auto!important;background:#111010fa!important;border-radius:22px!important;width:100%!important;max-height:calc(100vh - 105px)!important;padding:22px!important;overflow-y:auto!important;box-shadow:0 28px 90px #0009!important}.solo-sounds-header h2{font-size:18px!important}.solo-sounds-header p{margin-top:6px!important;font-size:11px!important}.solo-sounds-close{background:#ffffff0f!important;border-radius:10px!important;width:34px!important;height:34px!important;font-size:24px!important}.solo-sounds-current{min-height:88px!important;margin-top:16px!important;padding:15px!important}.solo-sounds-current-copy strong{font-size:14px!important}.solo-sounds-current-copy span{font-size:10px!important}.solo-sounds-volume{background:#ffffff06!important;border:1px solid #ffffff17!important;border-radius:14px!important;margin-top:16px!important;padding:13px 14px 15px!important}.solo-sounds-volume>div{color:#ffffff9e!important;margin-bottom:12px!important;font-size:11px!important;font-weight:500!important}.solo-sounds-volume>div span:last-child{color:#fff!important;text-align:right!important;min-width:45px!important;font-size:13px!important;font-weight:700!important}.solo-sounds-volume input[type=range]{accent-color:#fff!important;height:7px!important}.solo-sounds-grid{gap:9px!important;margin-top:13px!important}.solo-sound-choice{border-radius:14px!important;min-height:66px!important;padding:11px 12px!important}.solo-sound-choice strong{font-size:12px!important}.solo-sound-choice small{font-size:9px!important}.solo-sounds-youtube{border-radius:15px!important;margin-top:13px!important;padding:14px!important}.solo-sounds-youtube-title{font-size:12px!important}.solo-sounds-youtube-row input{height:38px!important;font-size:11px!important}.solo-sounds-youtube-row button{min-width:62px!important;height:38px!important;font-size:11px!important}.solo-sounds-stop{color:#fff!important;cursor:pointer!important;background:#ffffff14!important;border:1px solid #ffffff24!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:40px!important;margin-top:10px!important;font-size:11px!important;font-weight:650!important;display:flex!important}.solo-sounds-stop:hover:not(:disabled){background:#ffffff24!important;border-color:#ffffff3d!important}.solo-sounds-stop:disabled{opacity:.32!important;cursor:not-allowed!important}@media (width<=700px){.solo-sounds-overlay{width:calc(100vw - 20px)!important;bottom:62px!important;right:10px!important}}.solo-session-goals-card{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(125%);color:#fff;background:radial-gradient(circle at 12% 8%,#ffffff1a,#0000 34%),linear-gradient(135deg,#3e3939f0,#1b1414f7);border:1px solid #ffffff21;border-radius:28px;width:min(440px,100vw - 100px);padding:28px 30px 30px;position:absolute;top:116px;left:50px;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff0f}.solo-session-goals-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.solo-session-goals-title{align-items:center;gap:12px;display:flex}.solo-session-goals-title h2{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700;line-height:1}.solo-session-goals-actions{align-items:center;gap:18px;display:flex}.solo-session-goals-actions button{color:#fffffff0;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.solo-session-goals-info,.solo-session-goals-close{opacity:.95}.solo-session-goals-close:hover{transform:scale(1.05)}.solo-session-goals-add-row{grid-template-columns:minmax(0,1fr) 80px;gap:22px;margin-bottom:30px;display:grid}.solo-session-goals-add-row input{box-sizing:border-box;color:#fff;background:#221c1c59;border:4px solid #fffffff5;border-radius:24px;outline:none;width:100%;height:80px;padding:0 25px;font-size:21px}.solo-session-goals-add-row input::placeholder{color:#ffffffd1}.solo-session-goals-add-row input:focus{border-color:#fff;box-shadow:0 0 0 4px #ffffff12}.solo-session-goals-add-row button{color:#000000bf;cursor:pointer;background:#ffffff1f;border:0;border-radius:24px;place-items:center;width:80px;height:80px;display:grid}.solo-session-goals-add-row button:not(:disabled):hover{background:#ffffff2e}.solo-session-goals-add-row button:disabled{opacity:.45;cursor:default}.solo-session-goals-stats{background:#110e0ec7;border-radius:24px;grid-template-columns:1fr 3px 1fr;align-items:center;min-height:160px;margin-bottom:30px;padding:28px 36px;display:grid}.solo-session-goals-stat{flex-direction:column;justify-content:center;gap:6px;display:flex}.solo-session-goals-stat:first-child{padding-right:25px}.solo-session-goals-stat:last-child{padding-left:40px}.solo-session-goals-stat strong{letter-spacing:-.04em;font-size:58px;font-weight:700;line-height:.95}.solo-session-goals-stat span{color:#fffffff2;font-size:21px;line-height:1.1}.solo-session-goals-stat.completed-stat strong{color:#68b34d}.solo-session-goals-divider{background:#ffffff61;border-radius:99px;width:3px;height:92px}.solo-session-goals-list{flex-direction:column;gap:12px;max-height:220px;padding-right:2px;display:flex;overflow-y:auto}.solo-session-goal-item{color:#fff;text-align:left;cursor:pointer;background:#131010d1;border:0;border-radius:20px;align-items:center;gap:16px;width:100%;min-height:72px;padding:12px 24px;display:flex}.solo-session-goal-item:hover{background:#231e1ee6}.solo-session-goal-check{color:#fff;border:2px solid #ffffff8c;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.solo-session-goal-item.completed .solo-session-goal-check{background:#68b34d;border-color:#68b34d}.solo-session-goal-text{overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.25}.solo-session-goal-item.completed .solo-session-goal-text{color:#ffffff61;text-decoration:line-through}.solo-session-goals-empty{color:#ffffff6b;border:1px dashed #ffffff21;border-radius:20px;place-items:center;min-height:72px;font-size:14px;display:grid}@media (width<=650px){.solo-session-goals-card{border-radius:24px;width:auto;padding:22px;top:92px;left:16px;right:16px}.solo-session-goals-add-row{grid-template-columns:minmax(0,1fr) 62px;gap:10px}.solo-session-goals-add-row input,.solo-session-goals-add-row button{border-radius:18px;height:62px}.solo-session-goals-add-row input{border-width:3px;font-size:17px}.solo-session-goals-stats{min-height:125px;padding:22px}.solo-session-goals-stat strong{font-size:46px}.solo-session-goals-stat span{font-size:17px}.solo-session-goals-stat:last-child{padding-left:22px}}.solo-reference{--solo-bg-image:none;isolation:isolate!important;background:#160907!important;position:relative!important}.solo-reference:before{content:""!important;z-index:0!important;pointer-events:none!important;background-image:linear-gradient(90deg, #0000006b, #0000001a 55%, #0000006b), linear-gradient(180deg, #0000001a, #00000075), var(--solo-bg-image)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:absolute!important;inset:0!important}.solo-reference:after{content:""!important;z-index:1!important;pointer-events:none!important;background:0 0!important;position:absolute!important;inset:0!important}.solo-reference>*{z-index:3!important;position:relative!important}.solo-reference-image-bg{visibility:visible!important;opacity:1!important;display:block!important}.solo-reference-video-bg,.solo-reference-youtube-bg{z-index:0!important}.solo-reference-video-bg video{object-fit:cover!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.solo-background-menu,.solo-background-choice,.solo-reference-upload{pointer-events:auto!important}.solo-background-choice{cursor:pointer!important;align-items:center!important;gap:10px!important;display:flex!important}.solo-background-thumb{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:7px!important;flex:0 0 48px!important;width:48px!important;height:32px!important;display:block!important}.solo-session-goals-card{-webkit-backdrop-filter:blur(24px)saturate(125%)!important;background:linear-gradient(135deg,#373030a8,#16101094)!important;width:100%!important;margin:14px 0 0!important;position:relative!important;top:auto!important;left:auto!important}.solo-reference-image-bg{visibility:visible!important;opacity:1!important;z-index:0!important;pointer-events:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block!important;position:absolute!important;inset:0!important}.solo-session-goals-card{z-index:4!important;-webkit-backdrop-filter:blur(24px)saturate(125%)!important;background:linear-gradient(135deg,#373030a3,#1610108f)!important;border:1px solid #ffffff24!important;width:100%!important;margin:14px 0 0!important;position:relative!important;inset:auto!important;box-shadow:0 20px 55px #00000047,inset 0 1px #ffffff0f!important}.solo-reference-sidebar{align-items:stretch!important}.solo-reference>.solo-reference-bottom-right{z-index:9999!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;gap:10px!important;display:flex!important;position:fixed!important;inset:auto 24px 24px auto!important}.solo-reference>.solo-reference-bottom-right .solo-bottom-button{z-index:10000!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:inline-flex!important;position:relative!important}.solo-reference .solo-sounds-overlay{z-index:9998!important;pointer-events:none!important;background:0 0!important;justify-content:flex-end!important;align-items:flex-end!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.solo-reference .solo-sounds-overlay .solo-sounds-modal{pointer-events:auto!important;width:min(440px,100vw - 48px)!important;max-height:calc(100vh - 48px)!important;margin:0!important;overflow-y:auto!important}@media (width<=700px){.solo-reference>.solo-reference-bottom-right{bottom:14px!important;right:14px!important}.solo-reference .solo-sounds-overlay{padding:14px!important}.solo-reference .solo-sounds-overlay .solo-sounds-modal{width:min(440px,100vw - 28px)!important}}.solo-reference{isolation:isolate!important;background-image:var(--solo-bg-image)!important;background-color:#160907!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative!important}.solo-reference>.solo-reference-image-bg{display:none!important}.solo-reference:before{z-index:1!important;pointer-events:none!important}.solo-reference:after{z-index:2!important;pointer-events:none!important}.solo-reference-topbar{z-index:20!important;position:relative!important}.solo-reference-actions{z-index:30!important;position:relative!important}.solo-reference-menu-wrap{z-index:40!important;position:relative!important}.solo-reference-menu-wrap .solo-background-menu{z-index:99999!important;pointer-events:auto!important;display:block!important;position:absolute!important;inset:calc(100% + 10px) 0 auto auto!important}.solo-reference-menu-wrap .solo-background-menu .solo-background-choice{z-index:100000!important;pointer-events:auto!important;cursor:pointer!important;position:relative!important}.solo-reference:before,.solo-reference:after{pointer-events:none!important}.solo-reference-sidebar .solo-session-goals-card{box-sizing:border-box!important;-webkit-backdrop-filter:blur(22px)saturate(120%)!important;background:linear-gradient(135deg,#3730309e,#1610108c)!important;border:1px solid #ffffff21!important;border-radius:24px!important;width:302px!important;max-width:302px!important;margin:0!important;padding:20px 18px 18px!important;position:relative!important;inset:auto!important;box-shadow:0 20px 55px #00000047,inset 0 1px #ffffff0f!important}.solo-reference-sidebar .solo-session-goals-header{gap:8px!important;margin-bottom:16px!important}.solo-reference-sidebar .solo-session-goals-title{gap:9px!important}.solo-reference-sidebar .solo-session-goals-title svg{width:19px!important;height:19px!important}.solo-reference-sidebar .solo-session-goals-title h2{font-size:16px!important;line-height:1.1!important}.solo-reference-sidebar .solo-session-goals-actions{gap:3px!important}.solo-reference-sidebar .solo-session-goals-info,.solo-reference-sidebar .solo-session-goals-close{width:30px!important;height:30px!important}.solo-reference-sidebar .solo-session-goals-info svg,.solo-reference-sidebar .solo-session-goals-close svg{width:18px!important;height:18px!important}.solo-reference-sidebar .solo-session-goals-add-row{grid-template-columns:minmax(0,1fr) 54px!important;gap:9px!important;margin-bottom:14px!important;display:grid!important}.solo-reference-sidebar .solo-session-goals-add-row input{box-sizing:border-box!important;border-radius:17px!important;width:100%!important;min-width:0!important;height:54px!important;padding:0 15px!important;font-size:14px!important}.solo-reference-sidebar .solo-session-goals-add-row button{border-radius:17px!important;width:54px!important;height:54px!important}.solo-reference-sidebar .solo-session-goals-stats{box-sizing:border-box!important;border-radius:20px!important;min-height:118px!important;padding:18px 14px!important}.solo-reference-sidebar .solo-session-goals-stat strong{font-size:40px!important;line-height:1!important}.solo-reference-sidebar .solo-session-goals-stat span{margin-top:7px!important;font-size:14px!important}.solo-reference-sidebar .solo-session-goals-divider{height:54px!important}.solo-reference-sidebar .solo-session-goals-list{max-height:180px!important;margin-top:12px!important;overflow-y:auto!important}.solo-reference-sidebar .solo-session-goal-item{border-radius:15px!important;min-height:50px!important;padding:9px 11px!important}.solo-reference-sidebar .solo-session-goals-empty{border-radius:15px!important;min-height:74px!important;padding:14px!important;font-size:10px!important}.solo-reference>.solo-sounds-overlay,.solo-reference .solo-sounds-overlay{z-index:99999!important;pointer-events:none!important;background:0 0!important;width:420px!important;max-width:calc(100vw - 48px)!important;height:auto!important;max-height:calc(100vh - 105px)!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:auto 24px 72px auto!important;overflow:visible!important}.solo-reference>.solo-sounds-overlay .solo-sounds-modal,.solo-reference .solo-sounds-overlay .solo-sounds-modal{box-sizing:border-box!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(24px)saturate(120%)!important;background:#111010f5!important;border-radius:22px!important;width:420px!important;max-width:100%!important;max-height:calc(100vh - 105px)!important;margin:0!important;position:relative!important;overflow-y:auto!important;box-shadow:0 28px 90px #00000094!important}.solo-sounds-overlay:before,.solo-sounds-overlay:after{display:none!important}@media (width<=700px){.solo-reference-sidebar .solo-session-goals-card{width:100%!important;max-width:100%!important}.solo-reference>.solo-sounds-overlay,.solo-reference .solo-sounds-overlay{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;bottom:66px!important;right:14px!important}.solo-reference>.solo-sounds-overlay .solo-sounds-modal,.solo-reference .solo-sounds-overlay .solo-sounds-modal{width:100%!important}}.solo-reference>header.solo-reference-topbar{z-index:2147483000!important;isolation:isolate!important;position:relative!important;overflow:visible!important}.solo-reference>header.solo-reference-topbar .solo-reference-actions{z-index:2147483001!important;position:relative!important;overflow:visible!important}.solo-reference>header.solo-reference-topbar .solo-reference-menu-wrap{z-index:2147483002!important;pointer-events:auto!important;position:relative!important;overflow:visible!important}.solo-reference>header.solo-reference-topbar .solo-background-menu{z-index:2147483003!important;pointer-events:auto!important;touch-action:manipulation!important;position:absolute!important}.solo-reference>header.solo-reference-topbar .solo-background-menu *{pointer-events:auto!important}.goals-page{min-height:100vh;color:var(--st-text);background:radial-gradient(circle at 78% 0%, #6d7cff17, transparent 30%), radial-gradient(circle at 15% 85%, #38bdf809, transparent 28%), var(--st-bg);padding:38px 42px 50px}.goals-shell{width:min(1180px,100%);margin:0 auto}.goals-header{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.goals-heading{align-items:center;gap:15px;min-width:0;display:flex}.goals-heading-icon{color:#aab5ff;background:linear-gradient(145deg,#6d7cff29,#ffffff09);border:1px solid #6d7cff33;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 30px #00000029,inset 0 1px #ffffff14}.goals-eyebrow{color:#8f9cff;letter-spacing:.16em;align-items:center;gap:6px;margin-bottom:5px;font-size:9px;font-weight:800;display:flex}.goals-heading h1{color:var(--st-text);letter-spacing:-1.4px;margin:0;font-size:34px;font-weight:760;line-height:1.05}.goals-heading p{color:var(--st-text-2);margin:8px 0 0;font-size:13px}.goals-create-button,.goals-empty-button,.goal-save{color:#fff;cursor:pointer;background:linear-gradient(110deg,#6879fa,#5365e9);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 12px 28px #5365ee3d,inset 0 1px #ffffff38}.goals-create-button{white-space:nowrap;min-height:44px;padding:0 16px}.goals-create-button:hover,.goals-empty-button:hover,.goal-save:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 16px 34px #5365ee52,inset 0 1px #ffffff42}.goals-create-button:active,.goals-empty-button:active,.goal-save:active{transform:translateY(0)}.goals-create-button:disabled,.goal-save:disabled{cursor:not-allowed;opacity:.65;transform:none}.goals-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.goal-stat{border:1px solid var(--st-border);background:linear-gradient(145deg, #ffffff09, #ffffff03), var(--st-surface);min-height:88px;box-shadow:var(--st-shadow-soft);border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex}.goal-stat-icon{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.goal-stat-icon.blue{color:#91a0ff;background:#6d7cff1f}.goal-stat-icon.purple{color:#c19cff;background:#9f6bff1c}.goal-stat-icon.green{color:#64e5ae;background:#35e39a1a}.goal-stat-icon.orange{color:#ffc26e;background:#ffae451a}.goal-stat span{color:var(--st-text-3);margin-bottom:4px;font-size:10px;font-weight:650;display:block}.goal-stat strong{color:var(--st-text);letter-spacing:-.7px;font-size:25px;line-height:1;display:block}.goals-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.goal-filters{border:1px solid var(--st-border);background:var(--st-surface);border-radius:12px;align-items:center;gap:2px;padding:4px;display:inline-flex}.goal-filters button{height:34px;color:var(--st-text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.goal-filters button:hover{color:var(--st-text);background:#ffffff0a}.goal-filters button.active{color:#fff;background:linear-gradient(110deg,#5d6eee,#4d5ed5);box-shadow:0 6px 18px #5365ee33}.goal-filters button span{color:currentColor;background:#ffffff17;border-radius:999px;min-width:18px;padding:2px 5px;font-size:9px}.goal-search{border:1px solid var(--st-border);width:260px;height:40px;color:var(--st-text-3);background:var(--st-surface);border-radius:11px;align-items:center;gap:9px;padding:0 12px;display:flex}.goal-search:focus-within{border-color:#6d7cff6b;box-shadow:0 0 0 3px #6d7cff12}.goal-search input{width:100%;min-width:0;color:var(--st-text);background:0 0;border:0;outline:0;font-size:12px}.goal-search input::placeholder{color:var(--st-text-3)}.goals-error{color:#ff9baa;background:#ff667d0e;border:1px solid #ff667d33;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 13px;font-size:12px;display:flex}.goals-error button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.goals-state,.goals-empty{border:1px dashed var(--st-border-strong);text-align:center;background:#ffffff03;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.goals-state{color:var(--st-text-2);gap:10px}.goals-state strong{color:var(--st-text);font-size:13px}.goals-empty-icon{color:#8997ff;background:#6d7cff14;border:1px solid #6d7cff2b;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:15px;display:grid;box-shadow:0 15px 40px #00000024}.goals-empty h2{color:var(--st-text);letter-spacing:-.3px;margin:0;font-size:19px}.goals-empty p{max-width:400px;color:var(--st-text-2);margin:8px 0 18px;font-size:12px}.goals-empty-button{min-height:40px;padding:0 14px;font-size:11px}.goals-list{gap:10px;display:grid}.goal-card{border:1px solid var(--st-border);background:linear-gradient(145deg, #ffffff09, #ffffff03), var(--st-surface);box-shadow:var(--st-shadow-soft);border-radius:17px;gap:14px;padding:17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.goal-card:hover{border-color:#6d7cff30;transform:translateY(-2px);box-shadow:0 20px 45px #0003}.goal-card.is-completed{opacity:.88}.goal-check{border:1px solid var(--st-border-strong);width:36px;height:36px;color:var(--st-text-3);cursor:pointer;background:#ffffff06;border-radius:11px;flex:0 0 36px;place-items:center;margin-top:1px;transition:all .18s;display:grid}.goal-check:hover{color:#aeb8ff;background:#6d7cff17;border-color:#6d7cff59}.goal-card.is-completed .goal-check{color:#fff;background:linear-gradient(145deg,#6475f3,#4e5fdf);border-color:#0000;box-shadow:0 7px 18px #5365ee3b}.goal-main{flex:1;min-width:0}.goal-card-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.goal-card h2{color:var(--st-text);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:720;line-height:1.35}.goal-card.is-completed h2{-webkit-text-decoration:line-through #8f99aea6;text-decoration:line-through #8f99aea6}.goal-meta{color:var(--st-text-3);flex-wrap:wrap;align-items:center;gap:9px;margin-top:6px;font-size:10px;display:flex}.goal-meta span{align-items:center;gap:5px;display:inline-flex}.goal-completed-meta{color:#62dba9}.goal-status{border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.goal-status.active{color:#aeb8ff;background:#6d7cff14;border:1px solid #6d7cff26}.goal-status.completed{color:#69dfaf;background:#35e39a12;border:1px solid #35e39a24}.goal-progress-row{align-items:center;gap:10px;margin-top:14px;display:flex}.goal-progress-track{background:#ffffff12;border-radius:999px;flex:1;height:5px;overflow:hidden}.goal-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6375f3,#8795ff);min-width:0;height:100%;transition:width .3s;box-shadow:0 0 13px #6d7cff59}.goal-card.is-completed .goal-progress-fill{background:linear-gradient(90deg,#35c88d,#67e2b0);box-shadow:0 0 13px #35e39a47}.goal-progress-row>span{min-width:68px;color:var(--st-text-3);text-align:right;font-size:9px}.goal-card-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.goal-type{color:var(--st-text-3);align-items:center;gap:6px;font-size:10px;display:inline-flex}.goal-actions{align-items:center;gap:4px;display:flex}.goal-actions button{min-height:30px;color:var(--st-text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:700;transition:all .16s;display:inline-flex}.goal-actions button:hover{color:var(--st-text);border-color:var(--st-border);background:#ffffff0a}.goal-actions button.danger:hover{color:#ff8293;background:#ff667d0f;border-color:#ff667d2e}.goals-footer{color:var(--st-text-3);justify-content:space-between;align-items:center;gap:15px;margin-top:14px;font-size:10px;display:flex}.goals-footer-progress{align-items:center;gap:9px;display:flex}.goals-footer-progress>div{background:#ffffff12;border-radius:999px;width:120px;height:5px;overflow:hidden}.goals-footer-progress>div span{border-radius:inherit;background:linear-gradient(90deg,#6375f3,#8795ff);height:100%;display:block}.goals-footer-progress strong{color:var(--st-text-2);font-size:10px}.goal-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#030509ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.goal-modal{width:min(500px,100%);color:var(--st-text);background:linear-gradient(145deg,#171b25f7,#0a0d13fa);border:1px solid #ffffff1c;border-radius:21px;padding:24px;box-shadow:0 35px 100px #0000007a,inset 0 1px #ffffff0d}.goal-modal-header{justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.goal-modal-label{color:#8f9cff;letter-spacing:.16em;font-size:9px;font-weight:800}.goal-modal h2{letter-spacing:-.7px;margin:5px 0;font-size:22px}.goal-modal-header p{max-width:390px;color:var(--st-text-2);margin:0;font-size:11px;line-height:1.5}.goal-modal-close{border:1px solid var(--st-border);width:33px;height:33px;color:var(--st-text-2);cursor:pointer;background:#ffffff06;border-radius:9px;flex:0 0 33px;place-items:center;display:grid}.goal-modal-close:hover{color:var(--st-text);background:#ffffff0f}.goal-field{display:block}.goal-field>span{color:var(--st-text-2);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.goal-field input{border:1px solid var(--st-border-strong);width:100%;height:45px;color:var(--st-text);background:var(--st-surface-2);border-radius:11px;outline:0;padding:0 12px;font-size:12px;transition:all .18s}.goal-field input::placeholder{color:var(--st-text-3)}.goal-field input:focus{border-color:#6d7cff85;box-shadow:0 0 0 3px #6d7cff17}.goal-form-error{color:#ff9baa;background:#ff667d0d;border:1px solid #ff667d2e;border-radius:9px;margin-top:9px;padding:9px 10px;font-size:10px}.goal-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.goal-cancel{border:1px solid var(--st-border);min-height:43px;color:var(--st-text-2);background:var(--st-surface-2);cursor:pointer;border-radius:11px;padding:0 14px;font-size:11px;font-weight:700}.goal-cancel:hover{color:var(--st-text);background:var(--st-surface-3)}.goal-save{min-height:43px;padding:0 15px;font-size:11px}.app-theme-light .goals-page{background:radial-gradient(circle at 78% 0%, #5365ee12, transparent 30%), var(--st-bg)}.app-theme-light .goal-stat,.app-theme-light .goal-card,.app-theme-light .goal-filters,.app-theme-light .goal-search{box-shadow:0 12px 35px #23304b0f}.app-theme-light .goal-filters button:hover{background:#12192609}.app-theme-light .goal-progress-track,.app-theme-light .goals-footer-progress>div{background:#12192614}.app-theme-light .goal-modal-backdrop{background:#14192361}.app-theme-light .goal-modal{background:linear-gradient(145deg,#fffffffa,#f7f9fcfa);border-color:#1219261a;box-shadow:0 30px 80px #23304b2e}.app-theme-light .goal-modal-close,.app-theme-light .goal-check{background:#12192606}@media (width<=1000px){.goals-page{padding:32px 26px 45px}.goals-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.goals-page{padding:24px 17px 40px}.goals-header{flex-direction:column;align-items:flex-start}.goals-create-button{width:100%}.goals-toolbar{flex-direction:column;align-items:stretch}.goal-search{width:100%}.goal-card-top{align-items:flex-start}.goal-card-bottom{flex-direction:column;align-items:flex-start}.goal-actions{width:100%}.goal-actions button{flex:1;justify-content:center}}@media (width<=520px){.goals-page{padding:20px 13px 35px}.goals-heading-icon{flex-basis:46px;width:46px;height:46px}.goals-heading h1{font-size:29px}.goals-heading p{font-size:11px}.goals-stats{gap:8px}.goal-stat{min-height:78px;padding:11px}.goal-stat-icon{flex-basis:33px;width:33px;height:33px}.goal-stat strong{font-size:21px}.goal-stat span{font-size:9px}.goal-card{gap:10px;padding:13px}.goal-check{flex-basis:32px;width:32px;height:32px}.goal-status{display:none}.goals-footer{flex-direction:column;align-items:flex-start}.goal-modal{padding:19px}.goal-modal-actions>button{flex:1}}@media (prefers-reduced-motion:reduce){.goals-page *,.goals-page :before,.goals-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes study-goals-spin{to{transform:rotate(360deg)}}.goal-modal{box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto;width:min(560px,100vw - 32px)!important}.goal-modal-header{justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:24px!important;display:flex!important}.goal-modal-header>div:first-child{min-width:0}.goal-modal .modal-kicker{color:#8f9cff;letter-spacing:.14em;margin-bottom:6px;font-size:10px;font-weight:800;display:block!important}.goal-modal-header h2{color:var(--st-text);font-size:22px;line-height:1.2;margin:0 0 6px!important}.goal-modal-header p{color:var(--st-text-2);font-size:11px;line-height:1.5;margin:0!important}.goal-modal .modal-close{cursor:pointer;border:1px solid var(--st-border)!important;width:36px!important;min-width:36px!important;height:36px!important;color:var(--st-text-2)!important;background:#ffffff09!important;border-radius:9px!important;flex:0 0 36px!important;place-items:center!important;margin:0!important;padding:0!important;display:grid!important}.goal-modal .modal-close:hover{color:var(--st-text)!important;border-color:var(--st-border-strong)!important;background:#ffffff14!important}.goal-modal form{flex-direction:column;gap:18px;width:100%;display:flex}.goal-modal form>label,.goal-modal .goal-form-grid>label{line-height:1.4;width:100%!important;min-width:0!important;color:var(--st-text-2)!important;margin:0!important;font-size:11px!important;font-weight:700!important;display:block!important}.goal-modal form>label>input,.goal-modal form>label>textarea,.goal-modal form>label>select,.goal-modal .goal-form-grid>label>input,.goal-modal .goal-form-grid>label>textarea,.goal-modal .goal-form-grid>label>select{box-sizing:border-box!important;width:100%!important;margin-top:7px!important;display:block!important}.goal-modal input[type=text],.goal-modal input:not([type]),.goal-modal textarea,.goal-modal select{font-family:inherit}.goal-modal input[type=text],.goal-modal form input:not([type=date]):not([type=range]):not([type=number]),.goal-modal textarea,.goal-modal select{min-height:44px;transition:border-color .18s,box-shadow .18s,background .18s;border:1px solid var(--st-border-strong)!important;color:var(--st-text)!important;background:var(--st-surface-2)!important;border-radius:10px!important;outline:none!important;padding:10px 12px!important;font-size:12px!important}.goal-modal textarea{resize:vertical;min-height:82px;line-height:1.5}.goal-modal input::placeholder,.goal-modal textarea::placeholder{color:var(--st-text-3)!important}.goal-modal input:focus,.goal-modal textarea:focus,.goal-modal select:focus{background:var(--st-surface-3,var(--st-surface-2))!important;border-color:#6f7effa6!important;box-shadow:0 0 0 3px #6f7eff1a!important}.goal-modal form>label>span,.goal-modal .goal-form-grid>label>span{margin-left:5px;color:var(--st-text-3)!important;font-size:10px!important;font-weight:500!important;display:inline!important}.goal-modal .goal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;display:grid!important}.goal-modal .goal-form-grid>label{min-width:0!important}.goal-modal select{appearance:auto;cursor:pointer}.goal-modal input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:44px;font-family:inherit;border:1px solid var(--st-border-strong)!important;color:var(--st-text)!important;background:var(--st-surface-2)!important;box-sizing:border-box!important;border-radius:10px!important;outline:none!important;padding:10px 12px!important;font-size:12px!important}.goal-modal input[type=date]:focus{border-color:#6f7effa6!important;box-shadow:0 0 0 3px #6f7eff1a!important}.goal-modal input[type=range]{accent-color:#7180ff;cursor:pointer;width:100%!important;height:20px!important;margin-top:10px!important;padding:0!important;display:block!important}.goal-modal .goal-form-grid label strong{float:right;color:#8f9cff;font-size:11px}.goal-modal-error{box-sizing:border-box;color:#ff9baa;background:#ff667d0f;border:1px solid #ff667d33;border-radius:10px;width:100%;padding:10px 12px;font-size:11px;line-height:1.45}.goal-modal-actions{justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:2px!important;display:flex!important}.goal-modal-actions button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 17px;font-family:inherit;font-size:11px;font-weight:750;transition:transform .15s,background .15s,border-color .15s}.goal-modal-actions button:hover{transform:translateY(-1px)}.goal-modal .goal-cancel{border:1px solid var(--st-border-strong)!important;color:var(--st-text-2)!important;background:0 0!important}.goal-modal .goal-cancel:hover{color:var(--st-text)!important;background:#ffffff0d!important}.goal-modal .goals-create-btn{box-shadow:0 8px 22px #6375f438;color:#fff!important;background:linear-gradient(135deg,#6475f4,#7888ff)!important;border:1px solid #0000!important}.goal-modal .goals-create-btn:hover{box-shadow:0 10px 28px #6375f452}.app-theme-light .goal-modal{box-shadow:0 30px 80px #1419232e,inset 0 1px #fffc;background:linear-gradient(145deg,#fff,#f7f8fb)!important;border-color:#1419231a!important}.app-theme-light .goal-modal .modal-close{color:#626873!important;background:#f4f5f7!important;border-color:#dfe2e7!important}.app-theme-light .goal-modal .modal-close:hover{color:#17191d!important;background:#eceef2!important}.app-theme-light .goal-modal form>label,.app-theme-light .goal-modal .goal-form-grid>label{color:#555a63!important}.app-theme-light .goal-modal input[type=text],.app-theme-light .goal-modal input:not([type=date]):not([type=range]):not([type=number]),.app-theme-light .goal-modal textarea,.app-theme-light .goal-modal select,.app-theme-light .goal-modal input[type=date]{color:#17191d!important;background:#fff!important;border-color:#d9dde4!important}.app-theme-light .goal-modal input::placeholder,.app-theme-light .goal-modal textarea::placeholder{color:#9aa0aa!important}.app-theme-light .goal-modal input:focus,.app-theme-light .goal-modal textarea:focus,.app-theme-light .goal-modal select:focus,.app-theme-light .goal-modal input[type=date]:focus{border-color:#7281f2!important;box-shadow:0 0 0 3px #7281f21a!important}.app-theme-light .goal-modal form>label>span,.app-theme-light .goal-modal .goal-form-grid>label>span{color:#90959e!important}.app-theme-light .goal-modal input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=600px){.goal-modal-backdrop{padding:12px!important}.goal-modal{max-height:calc(100vh - 24px);border-radius:17px!important;width:100%!important;padding:18px!important}.goal-modal-header{gap:12px!important;margin-bottom:20px!important}.goal-modal-header h2{font-size:19px!important}.goal-modal-header p{font-size:10px!important}.goal-modal form{gap:15px!important}.goal-modal .goal-form-grid{grid-template-columns:1fr!important;gap:15px!important}.goal-modal-actions{flex-direction:column-reverse!important}.goal-modal-actions button{width:100%!important}}@media (width<=380px){.goal-modal{padding:15px!important}.goal-modal-header h2{font-size:18px!important}}.goals-page button:focus,.goal-modal button:focus{box-shadow:none;outline:none!important}.goals-page button:focus-visible,.goal-modal button:focus-visible{outline-offset:2px;outline:2px solid #7382ff73!important}.goals-page .goals-create-btn:focus,.goal-modal .goals-create-btn:focus{box-shadow:0 8px 22px #6375f438!important}.goals-page .goals-create-btn{appearance:none!important;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#6677f5 0%,#7888ff 100%)!important;border:1px solid #7d8bff59!important;border-radius:10px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:7px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;transition:transform .16s,box-shadow .16s,background .16s!important;display:inline-flex!important;box-shadow:0 6px 18px #5b6ceb38!important}.goals-page .goals-create-btn:focus{border-color:#7d8bff73!important;outline:none!important}.goals-page .goals-create-btn:focus-visible{outline-offset:2px!important;outline:2px solid #7d8bff8c!important}.goals-page .goals-create-btn:hover{background:linear-gradient(135deg,#7181ff 0%,#8795ff 100%)!important;border-color:#919cff8c!important;transform:translateY(-1px)!important;box-shadow:0 9px 25px #5b6ceb4d!important}.goals-page .goals-create-btn:active{transform:translateY(0)!important;box-shadow:0 4px 12px #5b6ceb33!important}.goals-page .goals-create-btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.goals-page .goals-create-btn svg{flex:0 0 17px!important;width:17px!important;height:17px!important}.settings-page{background:var(--st-bg);min-height:100vh;color:var(--st-text);padding:40px 42px 70px}.settings-shell{max-width:1050px;margin:0 auto}.settings-header{align-items:center;gap:15px;margin-bottom:28px;display:flex}.settings-heading-icon{color:#8190ff;background:#6577ff17;border:1px solid #6979ff40;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.settings-eyebrow{letter-spacing:.16em;color:#8190ff;font-size:9px;font-weight:800}.settings-header h1{letter-spacing:-1.2px;margin:5px 0 4px;font-size:34px}.settings-header p{color:var(--st-text-2);margin:0;font-size:13px}.settings-error{color:#ff9696;background:#ff46460f;border:1px solid #ff5a5a33;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:12px}.settings-section{border:1px solid var(--st-border);background:var(--st-surface);border-radius:18px;margin-bottom:13px;padding:22px;box-shadow:0 12px 35px #0000001f}.settings-section-head{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.settings-section-head>svg{color:#8090ff;flex:none;margin-top:2px}.settings-section-head h2{margin:0;font-size:15px}.settings-section-head p{color:var(--st-text-2);margin:4px 0 0;font-size:11px;line-height:1.5}.settings-form-row{align-items:flex-end;gap:10px;display:flex}.settings-form-row label{flex:1}.settings-form-row label>span{color:var(--st-text-2);margin-bottom:7px;font-size:11px;display:block}.settings-form-row input,.youtube-input-row input{box-sizing:border-box;border:1px solid var(--st-border);background:var(--st-surface-2);width:100%;height:43px;color:var(--st-text);border-radius:10px;outline:none;padding:0 12px;font-size:12px}.settings-form-row input:focus,.youtube-input-row input:focus{border-color:#697cff80;box-shadow:0 0 0 3px #697cff12}.settings-primary,.settings-secondary{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:43px;padding:0 14px;font-size:11px;font-weight:750;display:inline-flex}.settings-primary{color:#fff;background:linear-gradient(135deg,#687bff,#5367df);border:1px solid #697cff66}.settings-secondary{border:1px solid var(--st-border);background:var(--st-surface-2);color:var(--st-text-2)}.theme-choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-choice{border:1px solid var(--st-border);background:var(--st-surface-2);color:var(--st-text);text-align:left;cursor:pointer;border-radius:12px;padding:12px}.theme-choice.active{border-color:#687bff;box-shadow:0 0 0 2px #687bff1a}.theme-preview{border-radius:8px;height:55px;margin-bottom:10px;display:block}.dark-preview{background:linear-gradient(135deg,#090b0f,#202633)}.light-preview{background:linear-gradient(135deg,#fff,#e7e9ee)}.theme-choice strong,.theme-choice small{display:block}.theme-choice strong{font-size:11px}.theme-choice small{color:var(--st-text-3);margin-top:3px;font-size:9px}.background-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.background-card{border:1px solid var(--st-border);background:var(--st-surface-2);color:var(--st-text);text-align:left;cursor:pointer;border-radius:11px;padding:0;overflow:hidden}.background-card.active{border-color:#6d80ff;box-shadow:0 0 0 2px #6d80ff1a}.background-card img{object-fit:cover;width:100%;height:90px;display:block}.background-card span{padding:8px 9px;font-size:10px;font-weight:700;display:block}.upload-row{gap:8px;margin-top:12px;display:flex}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#687bff,#5367df);border-radius:10px;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:11px;font-weight:750;display:inline-flex}.youtube-input-row{align-items:center;gap:8px;display:flex}.youtube-input-row input{flex:1}.youtube-input-row a{border:1px solid var(--st-border);color:#ff7070;background:var(--st-surface-2);border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.youtube-preview{aspect-ratio:16/9;border:1px solid var(--st-border);background:#000;border-radius:12px;margin-top:13px;overflow:hidden}.youtube-preview iframe{border:0;width:100%;height:100%}.built-in-music-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.built-in-music{border:1px solid var(--st-border);background:var(--st-surface-2);border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.built-in-music>svg{color:#8190ff}.built-in-music strong,.built-in-music span{display:block}.built-in-music strong{font-size:10px}.built-in-music span{color:var(--st-text-3);margin-top:2px;font-size:8px}.save-media{margin-top:13px}.app-theme-light .settings-section{box-shadow:0 12px 35px #1419230f}@media (width<=800px){.settings-page{padding:28px 20px 50px}.background-grid{grid-template-columns:repeat(2,1fr)}.built-in-music-list{grid-template-columns:1fr 1fr}}@media (width<=520px){.settings-page{padding:20px 14px 40px}.settings-form-row{flex-direction:column;align-items:stretch}.theme-choice-grid,.built-in-music-list{grid-template-columns:1fr}.upload-row{flex-direction:column}.upload-button,.settings-secondary{width:100%}}.dashboard-page{color:#f4f5f7;box-sizing:border-box;background:#05070a;min-height:100vh;padding:28px 34px 34px}.dashboard-page *,.dashboard-page :before,.dashboard-page :after{box-sizing:border-box}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.dashboard-eyebrow{color:#7d8490;letter-spacing:.18em;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.dashboard-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,39px);line-height:1.08}.dashboard-header h1 span{color:#f0b35c}.dashboard-header p{color:#777e89;margin:8px 0 0;font-size:12px}.dashboard-header-actions{align-items:center;gap:8px;display:flex}.dashboard-date-card{background:#101318;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;min-width:175px;padding:10px 13px;display:flex}.dashboard-date-card svg{color:#e7a94f}.dashboard-date-card div{flex-direction:column;gap:2px;display:flex}.dashboard-date-card strong{font-size:11px}.dashboard-date-card span{color:#686f7a;font-size:9px}.dashboard-refresh{color:#9da3ad;cursor:pointer;background:#101318;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dashboard-refresh:hover{color:#fff;background:#151920}.dashboard-refresh:disabled{opacity:.55;cursor:default}.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.dashboard-stat-card{background:linear-gradient(145deg,#11151b,#0d1015);border:1px solid #ffffff13;border-radius:14px;align-items:flex-start;gap:12px;min-height:116px;padding:15px;display:flex;box-shadow:0 16px 45px #00000029}.dashboard-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.accent-gold .dashboard-stat-icon{color:#e7ac59;background:#3a2c18}.accent-purple .dashboard-stat-icon{color:#c48cff;background:#30223c}.accent-orange .dashboard-stat-icon{color:#eea14b;background:#3b2818}.accent-blue .dashboard-stat-icon{color:#77aef5;background:#1d2c3b}.dashboard-stat-card div:last-child{flex-direction:column;min-width:0;display:flex}.dashboard-stat-card span{color:#838995;font-size:10px}.dashboard-stat-card strong{letter-spacing:-.035em;margin-top:7px;font-size:23px}.dashboard-stat-card small{color:#5f6671;margin-top:4px;font-size:9px}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(330px,.9fr);gap:12px;margin-bottom:12px;display:grid}.dashboard-panel{background:#0d1015;border:1px solid #ffffff13;border-radius:15px;min-width:0;padding:17px}.dashboard-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.dashboard-panel-header h2{letter-spacing:-.02em;margin:0;font-size:14px}.dashboard-panel-header span{color:#686f7a;margin-top:4px;font-size:9px;display:block}.dashboard-panel-header>svg{color:#727985}.dashboard-text-button{color:#9298a3;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font:600 10px inherit;display:flex}.dashboard-text-button:hover{color:#fff}.dashboard-goal-list{flex-direction:column;display:flex}.dashboard-goal-row{border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;min-height:48px;display:flex}.dashboard-goal-row:last-child{border-bottom:0}.dashboard-check{border:1px solid #3a3f48;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.dashboard-check.done{color:#0b150e;background:#6fce87;border:0}.dashboard-goal-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-goal-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dashboard-goal-copy span{color:#666d78;text-transform:capitalize;font-size:8px}.dashboard-goal-progress{color:#8b919b;font-size:9px}.dashboard-add-goal{color:#858c97;cursor:pointer;background:#14181e;border:1px solid #fff1;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:38px;margin-top:11px;padding:0 11px;font:600 10px inherit;display:flex}.dashboard-add-goal:hover{color:#fff;background:#191e25}.dashboard-chart{align-items:stretch;gap:10px;height:178px;padding:10px 2px 0;display:flex}.dashboard-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.dashboard-bar-value{color:#717883;white-space:nowrap;height:13px;font-size:8px}.dashboard-bar-track{background:#171b21;border-radius:8px;align-items:flex-end;width:100%;max-width:30px;height:120px;display:flex;overflow:hidden}.dashboard-bar{background:linear-gradient(#f0b15b,#b76b27);border-radius:8px;width:100%;min-height:5px;transition:height .3s}.dashboard-bar-wrap>span{color:#626974;font-size:9px}.dashboard-room-list{flex-direction:column;gap:7px;display:flex}.dashboard-room-row{color:#fff;text-align:left;cursor:pointer;background:#11151a;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:53px;padding:8px 9px;display:flex}.dashboard-room-row:hover{background:#151a20;border-color:#ffffff1f}.dashboard-room-icon{color:#8999bd;background:#1e2430;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dashboard-room-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-room-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dashboard-room-row span{color:#626974;font-size:8px}.dashboard-room-row>svg{color:#626974}.dashboard-quick-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.dashboard-quick-actions button{color:#d8dbe0;cursor:pointer;background:#15191f;border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;font:650 9px inherit;display:flex}.dashboard-quick-actions button:first-child{color:#15110b;background:#e9b263;border-color:#e9b263}.dashboard-quick-actions button:hover{filter:brightness(1.06)}.dashboard-activity-list{flex-direction:column;display:flex}.dashboard-activity-row{border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;min-height:56px;display:flex}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-icon{color:#6dcc85;background:#1c2820;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.dashboard-activity-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-activity-row strong{font-size:10px}.dashboard-activity-row span{color:#626974;font-size:8px}.dashboard-activity-row>svg{color:#6dcc85}.dashboard-empty{color:#59606b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.dashboard-empty.compact{min-height:95px}.dashboard-empty strong{color:#9298a2;font-size:11px}.dashboard-empty span{color:#5d646f;max-width:250px;font-size:9px}.dashboard-empty svg{color:#6f7681}.dashboard-footer-card{background:#101419;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:11px;min-height:62px;padding:10px 13px;display:flex}.dashboard-footer-icon{color:#e9ad58;background:#352919;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dashboard-footer-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dashboard-footer-card strong{font-size:11px}.dashboard-footer-card span{color:#666d77;font-size:9px}.dashboard-footer-card button{color:#151619;cursor:pointer;background:#f2f2f2;border:0;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 12px;font:700 9px inherit;display:flex}.dashboard-loading-page{justify-content:center;align-items:center;display:flex}.dashboard-loader{color:#7f8691;align-items:center;gap:10px;font-size:11px;display:flex}.dashboard-spin{animation:1s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error{color:#e1a0a4;background:#1b1113;border:1px solid #493033;border-radius:9px;margin-bottom:12px;padding:10px 12px;font-size:10px}.app-theme-light .dashboard-page{color:#17191d;background:#f4f5f7}.app-theme-light .dashboard-stat-card,.app-theme-light .dashboard-panel,.app-theme-light .dashboard-footer-card{background:#fff;border-color:#0f141e17;box-shadow:0 12px 35px #1419230a}.app-theme-light .dashboard-date-card,.app-theme-light .dashboard-refresh{color:#666b74;background:#fff;border-color:#e1e3e7}.app-theme-light .dashboard-date-card strong,.app-theme-light .dashboard-panel-header h2,.app-theme-light .dashboard-goal-copy strong,.app-theme-light .dashboard-room-row strong,.app-theme-light .dashboard-activity-row strong{color:#202227}.app-theme-light .dashboard-room-row,.app-theme-light .dashboard-add-goal,.app-theme-light .dashboard-quick-actions button{color:#30333a;background:#f6f7f9;border-color:#e3e5e8}.app-theme-light .dashboard-bar-track{background:#e9ebee}@media (width<=1100px){.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-page{padding:20px 16px 25px}.dashboard-header{flex-direction:column}.dashboard-header-actions{width:100%}.dashboard-date-card{flex:1}.dashboard-stat-grid,.dashboard-quick-actions{grid-template-columns:1fr}}.chat-page{background:var(--st-bg,#080a0f);height:100vh;color:var(--st-text,#f5f5f5);grid-template-columns:330px minmax(0,1fr);display:grid;overflow:hidden}.chat-sidebar{border-right:1px solid var(--st-border,#ffffff17);background:var(--st-surface,#0c0f14);flex-direction:column;min-width:0;display:flex}.chat-sidebar-head{border-bottom:1px solid var(--st-border,#ffffff14);justify-content:space-between;align-items:center;padding:24px 20px 18px;display:flex}.chat-kicker{letter-spacing:.14em;color:#7d8491;font-size:10px}.chat-sidebar h1{margin:4px 0 0;font-size:25px}.add-friend-form{border:1px solid var(--st-border-strong,#ffffff21);background:var(--st-surface-2,#12161d);border-radius:12px;align-items:center;gap:8px;margin:16px;padding:9px 10px;display:flex}.add-friend-form input,.friend-search input,.message-compose input{color:inherit;width:100%;font:inherit;background:0 0;border:0;outline:0}.add-friend-form button,.message-compose>button,.request-item button{color:#090a0c;cursor:pointer;background:#fff;border:0;border-radius:9px;place-items:center;display:grid}.add-friend-form button{width:30px;height:30px}.chat-notice,.chat-error{border-radius:9px;margin:0 16px 10px;padding:9px 11px;font-size:12px}.chat-notice{color:#8fe0b0;background:#32b46e1a}.chat-error{color:#ff9c9c;background:#f050501a}.requests-box{padding:0 16px 12px}.section-label,.friends-head{text-transform:uppercase;letter-spacing:.08em;color:#7d8491;font-size:11px}.request-item{align-items:center;gap:8px;margin-top:9px;display:flex}.request-main{flex-direction:column;flex:1;min-width:0;display:flex}.request-main strong{font-size:12px}.request-main span,.friend-row span,.chat-header span{color:#7d8491;font-size:11px}.request-item button{width:27px;height:27px}.request-item button:last-child{color:#aaa;border:1px solid var(--st-border-strong,#ffffff21);background:0 0}.friends-head{justify-content:space-between;padding:4px 18px 10px;display:flex}.friends-head b{color:#aeb8c8;background:#1c2430;border-radius:10px;padding:2px 7px;font-size:10px}.friend-search{color:#747c89;border:1px solid var(--st-border,#ffffff14);background:var(--st-surface-2,#12161d);border-radius:10px;align-items:center;gap:8px;margin:0 16px 10px;padding:9px 10px;display:flex}.friends-list{padding:0 8px 16px;overflow:auto}.friend-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 10px;display:flex}.friend-row>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.friend-row strong{font-size:13px}.friend-row i{background:#36c77b;border-radius:50%;width:7px;height:7px}.avatar{color:#8dbbff;background:#182b45;border-radius:50%;place-items:center;width:38px;min-width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.chat-main{background:radial-gradient(circle at 80% 10%,#2a5b961a,transparent 32%),var(--st-bg,#080a0f);flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--st-border,#ffffff17);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a0fb8;align-items:center;gap:11px;height:72px;padding:0 24px;display:flex}.chat-header div:last-child{flex-direction:column;display:flex}.chat-header strong{font-size:14px}.mobile-back{color:inherit;background:0 0;border:0;display:none}.messages-area{flex-direction:column;flex:1;padding:25px clamp(18px,5vw,70px);display:flex;overflow:auto}.message-row{margin:4px 0;display:flex}.message-row.mine{justify-content:flex-end}.message-bubble{color:#e8ebf0;background:#151a22;border-radius:15px;max-width:min(520px,78%);padding:10px 12px;font-size:13px;line-height:1.45}.mine .message-bubble{color:#fff;background:#2b6de0;border-bottom-right-radius:5px}.theirs .message-bubble{border-bottom-left-radius:5px}.message-bubble small{text-align:right;opacity:.6;margin-top:5px;font-size:9px;display:block}.chat-photo{object-fit:cover;border-radius:10px;max-width:320px;max-height:360px;display:block}.message-compose{border:1px solid var(--st-border-strong,#ffffff21);background:var(--st-surface,#0e1117);border-radius:15px;align-items:center;gap:9px;margin:14px 20px 20px;padding:9px;display:flex}.message-compose input{padding:7px}.message-compose>button{background:#fff;width:40px;height:40px}.photo-button{color:#aeb7c5;cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.photo-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.chat-welcome,.chat-loading,.empty-chat-list{text-align:center;color:#7d8491;margin:auto}.chat-welcome-icon{color:#6ca7ff;background:#121923;border-radius:22px;place-items:center;width:70px;height:70px;margin:auto;display:grid}.chat-welcome h2{color:#f4f5f7;margin:17px 0 8px}.chat-welcome p{max-width:430px;line-height:1.6}.empty-chat-list{padding:35px 18px;font-size:12px}.empty-chat-list p{color:#d9dce2;margin:8px 0 4px}.chat-loading{flex-direction:column;align-items:center;gap:8px;display:flex}.chat-loading p{color:#d9dce2;margin:0}.chat-compose-error{color:#f99;padding:0 24px 5px;font-size:11px}.spin{animation:1s linear infinite chatspin}@keyframes chatspin{to{transform:rotate(360deg)}}[data-theme=light] .chat-page{--st-bg:#f5f7fa;--st-surface:#fff;--st-surface-2:#f1f3f6;--st-text:#16191f;--st-border:#0f141e14;--st-border-strong:#0f141e24}[data-theme=light] .chat-header{background:#ffffffd1}[data-theme=light] .message-bubble{color:#16191f;background:#e9edf2}[data-theme=light] .friend-row:hover,[data-theme=light] .friend-row.selected{background:#0f141e0d}@media (width<=760px){.chat-page{grid-template-columns:1fr}.chat-sidebar{display:flex}.chat-main,.chat-page.mobile-chat-open .chat-sidebar{display:none}.chat-page.mobile-chat-open .chat-main{display:flex}.mobile-back{place-items:center;display:grid}.chat-header{padding:0 15px}.messages-area{padding:20px 14px}.message-compose{margin:10px 10px 12px}.message-bubble{max-width:88%}}.st-notify-wrap{z-index:9999;flex-direction:column;gap:8px;width:min(420px,100vw - 24px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.st-notify{background:var(--st-surface-2,#12161d);color:var(--st-text,#f5f5f5);border:1px solid var(--st-border-strong,#ffffff21);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;animation:.25s ease-out stNotifyIn;display:flex;box-shadow:0 12px 32px #00000059}.st-notify-icon{color:#090a0c;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.st-notify-body{flex-direction:column;flex:1;min-width:0;display:flex}.st-notify-body strong{font-size:14px}.st-notify-body span{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.st-notify button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0}@keyframes stNotifyIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.study-stats-page{background:var(--st-bg);min-height:100vh;color:var(--st-text);padding:28px 34px 34px}.study-stats-page *{box-sizing:border-box}.stats-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.stats-eyebrow{color:var(--st-text-3);letter-spacing:.18em;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.stats-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,39px)}.stats-header p{color:var(--st-text-3);margin:8px 0 0;font-size:12px}.stats-header-actions{align-items:center;gap:8px;display:flex}.stats-date-card,.stats-refresh{border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text-2);border-radius:11px}.stats-date-card{align-items:center;gap:9px;min-width:178px;padding:9px 12px;display:flex}.stats-date-card svg{color:#7ea7f5}.stats-date-card div{flex-direction:column;gap:2px;display:flex}.stats-date-card strong{color:var(--st-text);font-size:10px}.stats-date-card span{color:var(--st-text-3);font-size:8px}.stats-refresh{cursor:pointer;place-items:center;width:38px;height:38px;display:grid}.stats-refresh:hover{color:var(--st-text);background:var(--st-surface-2)}.stats-refresh:disabled{opacity:.55;cursor:default}.stats-error{color:#e8a9ae;background:#211316;border:1px solid #563338;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:10px}.stats-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.stats-stat-card{border:1px solid var(--st-border);background:var(--st-surface);border-radius:14px;align-items:flex-start;gap:12px;min-height:112px;padding:15px;display:flex}.stats-stat-icon{border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.stats-gold .stats-stat-icon{color:#e3ad5c;background:#dda64e24}.stats-blue .stats-stat-icon{color:#7caeff;background:#5a8ce624}.stats-purple .stats-stat-icon{color:#bf8bea;background:#a869e024}.stats-green .stats-stat-icon{color:#79cf96;background:#53b57524}.stats-stat-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.stats-stat-copy span{color:var(--st-text-3);font-size:10px}.stats-stat-copy strong{letter-spacing:-.04em;margin-top:4px;font-size:23px}.stats-stat-copy small{color:var(--st-text-3);font-size:8px}.stats-main-grid,.stats-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:12px;margin-bottom:12px;display:grid}.stats-panel{border:1px solid var(--st-border);background:var(--st-surface);border-radius:15px;min-width:0;padding:17px}.stats-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stats-panel-header h2{letter-spacing:-.02em;margin:0;font-size:14px}.stats-panel-header span{color:var(--st-text-3);margin-top:4px;font-size:9px;display:block}.stats-panel-header>svg{color:var(--st-text-3)}.stats-range-tabs{border:1px solid var(--st-border);background:var(--st-surface-2);border-radius:8px;gap:4px;padding:3px;display:flex}.stats-range-tabs button{color:var(--st-text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 8px;font:700 8px inherit}.stats-range-tabs button.active{background:var(--st-text);color:var(--st-bg)}.stats-chart{align-items:stretch;gap:7px;height:225px;padding:9px 2px 0;display:flex;overflow:hidden}.stats-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.stats-bar-value{height:12px;color:var(--st-text-3);white-space:nowrap;font-size:7px}.stats-bar-track{background:var(--st-surface-2);border-radius:8px;align-items:flex-end;width:100%;max-width:31px;height:158px;display:flex;overflow:hidden}.stats-bar{background:linear-gradient(#78a9ff,#5b7fc3);border-radius:8px;width:100%;min-height:2px;transition:height .3s}.stats-bar-column>span{color:var(--st-text-3);font-size:8px}.stats-donut-wrap{align-items:center;gap:22px;min-height:225px;display:flex}.stats-donut{border-radius:50%;flex:0 0 156px;place-items:center;width:156px;height:156px;display:grid}.stats-donut:before{content:"";background:var(--st-surface);border-radius:50%;width:112px;height:112px;position:absolute}.stats-donut>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.stats-donut strong{letter-spacing:-.04em;font-size:19px}.stats-donut span{color:var(--st-text-3);margin-top:2px;font-size:8px}.stats-breakdown-list{flex-direction:column;flex:1;gap:14px;display:flex}.stats-breakdown-list div{justify-content:space-between;gap:10px;font-size:10px;display:flex}.stats-breakdown-list span{color:var(--st-text-2);align-items:center;gap:7px;display:flex}.stats-breakdown-list strong{color:var(--st-text)}.stats-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.stats-dot-blue{background:#78a9ff}.stats-dot-purple{background:#b985e9}.stats-dot-neutral{background:#777f8d}.stats-heatmap{grid-template-columns:repeat(12,1fr);grid-auto-flow:row;gap:5px;padding:12px 0 8px;display:grid}.stats-heat-cell{aspect-ratio:1;background:var(--st-surface-2);border:1px solid var(--st-border);border-radius:3px;justify-self:center;width:100%;max-width:15px}.stats-heatmap .level-0{background:var(--st-surface-2)}.stats-heatmap .level-1{background:#273650;border-color:#2e4162}.stats-heatmap .level-2{background:#3d5c8c;border-color:#476a9f}.stats-heatmap .level-3{background:#5e82bc;border-color:#6d92cc}.stats-heatmap .level-4{background:#82adf4;border-color:#92baf5}.stats-heat-legend{color:var(--st-text-3);justify-content:flex-end;align-items:center;gap:4px;font-size:8px;display:flex}.stats-heat-legend .stats-heat-cell{aspect-ratio:auto;width:11px;height:11px}.stats-goal-summary{align-items:center;gap:16px;padding:5px 0 15px;display:flex}.stats-goal-ring{background:conic-gradient(#72c98c 0 65%, var(--st-surface-2) 65% 100%);border-radius:50%;flex:0 0 91px;place-items:center;width:91px;height:91px;display:grid}.stats-goal-ring:before{content:"";background:var(--st-surface);border-radius:50%;width:68px;height:68px;position:absolute}.stats-goal-ring>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.stats-goal-ring strong{font-size:17px}.stats-goal-ring span{color:var(--st-text-3);font-size:7px}.stats-goal-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.stats-goal-copy strong{font-size:12px}.stats-goal-copy>span{color:var(--st-text-3);font-size:9px}.stats-progress-track{background:var(--st-surface-2);border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.stats-progress-track div{background:#72c98c;border-radius:99px;height:100%}.stats-mini-goals{flex-direction:column;display:flex}.stats-mini-goals>div{border-top:1px solid var(--st-border);align-items:center;gap:8px;min-height:39px;display:flex}.stats-mini-goals>div>span{color:#72c98c;place-items:center;display:grid}.stats-mini-goals strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.stats-mini-goals small{color:var(--st-text-3);font-size:8px}.stats-empty-small{color:var(--st-text-3);padding:10px 0;font-size:9px}.stats-recent-panel{margin-bottom:12px}.stats-session-list{flex-direction:column;display:flex}.stats-session-row{border-top:1px solid var(--st-border);align-items:center;gap:10px;min-height:57px;display:flex}.stats-session-icon{border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.stats-session-icon.solo{color:#78a9ff;background:#78a9ff1f}.stats-session-icon.room{color:#b985e9;background:#b985e91f}.stats-session-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stats-session-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.stats-session-copy span{color:var(--st-text-3);font-size:8px}.stats-session-duration{font-size:10px}.stats-empty{min-height:120px;color:var(--st-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.stats-empty strong{color:var(--st-text-2);font-size:11px}.stats-empty span{max-width:360px;font-size:9px}.stats-footer-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stats-footer-summary>div{border:1px solid var(--st-border);background:var(--st-surface);border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.stats-footer-summary strong{font-size:16px}.stats-footer-summary span{color:var(--st-text-3);font-size:8px}.stats-loading{min-height:100vh;color:var(--st-text-2);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.stats-spin{animation:1s linear infinite stats-spin}@keyframes stats-spin{to{transform:rotate(360deg)}}.app-theme-light .stats-bar-track{background:#eef0f3}.app-theme-light .stats-heatmap .level-1{background:#dce7f9;border-color:#d2def0}.app-theme-light .stats-heatmap .level-2{background:#bdd0ee;border-color:#b1c6e6}.app-theme-light .stats-heatmap .level-3{background:#99b7e5;border-color:#8eaddb}.app-theme-light .stats-heatmap .level-4{background:#76a0da;border-color:#6b96d0}@media (width<=1100px){.stats-stat-grid{grid-template-columns:repeat(2,1fr)}.stats-main-grid,.stats-bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.study-stats-page{padding:20px 16px 25px}.stats-header{flex-direction:column}.stats-header-actions{width:100%}.stats-date-card{flex:1}.stats-stat-grid{grid-template-columns:1fr}.stats-chart{gap:4px}.stats-range-tabs button{padding:5px 6px}.stats-donut-wrap{flex-direction:column;justify-content:center}.stats-footer-summary{grid-template-columns:repeat(2,1fr)}}.stats-donut,.stats-goal-ring{position:relative}:root{--st-font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--st-bg:#090b10;--st-bg-2:#0d1016;--st-surface:#11151c;--st-surface-2:#161b23;--st-surface-3:#1c222c;--st-card:#11151cf0;--st-card-soft:#ffffff0b;--st-border:#ffffff16;--st-border-strong:#ffffff24;--st-text:#f5f7fb;--st-text-2:#aeb6c5;--st-text-3:#737d8e;--st-primary:#7282ff;--st-primary-2:#5d6ff0;--st-primary-soft:#7282ff21;--st-success:#49c98b;--st-warning:#e6ad58;--st-danger:#f17f8f;--st-shadow:0 18px 55px #0000003d;--st-shadow-soft:0 8px 28px #00000029;--st-radius-sm:10px;--st-radius:14px;--st-radius-lg:20px;--st-sidebar:248px;--st-content-max:1440px}*,:before,:after{box-sizing:border-box}html{background:var(--st-bg);text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100vh;font-family:var(--st-font);background:var(--st-bg);color:var(--st-text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #7282ffcc}::selection{background:#7282ff47}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#919baf38 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#919baf5c}.app-theme-light{--st-bg:#f4f6f9;--st-bg-2:#edf0f4;--st-surface:#fff;--st-surface-2:#f8f9fb;--st-surface-3:#eef1f5;--st-card:#fffffff5;--st-card-soft:#141c2809;--st-border:#151d281a;--st-border-strong:#151d2829;--st-text:#161a22;--st-text-2:#5e6775;--st-text-3:#87909e;--st-primary:#5d6ff0;--st-primary-2:#4f61df;--st-primary-soft:#5d6ff01a;--st-shadow:0 18px 55px #1e2a3c1a;--st-shadow-soft:0 8px 28px #1e2a3c12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.study-app{background:radial-gradient(circle at 90% -10%, #7282ff12, transparent 30%), var(--st-bg);width:100%;min-height:100vh;color:var(--st-text);font-family:var(--st-font)}.app-main{min-width:0;min-height:100vh;margin-left:var(--st-sidebar);color:var(--st-text);background:0 0;transition:margin-left .22s,background .22s,color .22s}.study-app .sidebar{gap:14px;overflow:hidden;box-shadow:12px 0 38px #00000012;z-index:1000!important;width:var(--st-sidebar)!important;min-width:var(--st-sidebar)!important;background:linear-gradient(180deg, #ffffff06, transparent 30%), var(--st-surface)!important;border-right:1px solid var(--st-border)!important;flex-direction:column!important;justify-content:space-between!important;height:100vh!important;padding:18px 12px 14px!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important}.app-theme-light .sidebar{box-shadow:10px 0 30px #232d410f;background:#fffffff0!important}.sidebar-top{flex-direction:column;gap:18px;min-height:0;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:11px;min-height:44px;padding:4px 8px;font-size:14px;font-weight:800;display:flex;color:var(--st-text)!important}.brand-icon{flex:0 0 34px;place-items:center;display:grid;position:relative;box-shadow:0 8px 22px #0000002e;background:linear-gradient(145deg,#f9fafc,#cfd4dd)!important;border-radius:11px!important;width:34px!important;height:34px!important}.brand-dot{background:#11141a;border-radius:50%;width:6px;height:6px;position:absolute}.brand-dot-1{top:8px;left:8px}.brand-dot-2{top:8px;right:8px}.brand-dot-3{bottom:7px;left:14px}.sidebar-nav{gap:4px;min-height:0;padding:2px 0;display:grid;overflow:hidden auto}.nav-item{text-align:left;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s;width:100%!important;min-height:43px!important;color:var(--st-text-2)!important;background:0 0!important;border:1px solid #0000!important;border-radius:11px!important;align-items:center!important;gap:11px!important;padding:0 11px!important;font-size:12px!important;font-weight:650!important;display:flex!important}.nav-item svg{color:var(--st-text-3);flex:0 0 18px;transition:color .16s,transform .16s}.nav-item:hover{color:var(--st-text)!important;background:var(--st-card-soft)!important;border-color:var(--st-border)!important}.nav-item:hover svg{color:var(--st-text);transform:translate(1px)}.nav-item.active{box-shadow:inset 3px 0 0 var(--st-primary);color:var(--st-text)!important;background:var(--st-primary-soft)!important;border-color:#7282ff33!important}.nav-item.active svg{color:var(--st-primary)!important}.sidebar-bottom{border-top:1px solid var(--st-border);flex:none;gap:8px;padding-top:10px;display:grid}.sidebar-profile{border-radius:12px;align-items:center;gap:10px;min-width:0;padding:9px 8px!important;display:flex!important}.profile-avatar{flex:0 0 32px;place-items:center;background:linear-gradient(145deg, var(--st-primary), #8995ff)!important;color:#fff!important;border-radius:50%!important;width:32px!important;height:32px!important;font-size:11px!important;font-weight:800!important;display:grid!important}.profile-info{min-width:0}.profile-info strong,.profile-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-info strong{color:var(--st-text);font-size:11px}.profile-info span{color:var(--st-text-3);margin-top:2px;font-size:9px}.theme-toggle,.logout-nav{cursor:pointer;border:1px solid var(--st-border)!important;background:var(--st-card-soft)!important;width:100%!important;min-height:39px!important;color:var(--st-text-2)!important;border-radius:10px!important;align-items:center!important;gap:10px!important;padding:0 11px!important;display:flex!important}.theme-toggle:hover,.logout-nav:hover{color:var(--st-text)!important;border-color:var(--st-border-strong)!important;background:var(--st-surface-2)!important}.theme-toggle-icon{place-items:center;display:grid}.theme-toggle-state,.theme-toggle-label{font-size:10px!important;font-weight:700!important}.logout-nav{color:#e19aa5!important}.logout-nav svg{color:#e17988!important}.study-app button,.study-app input,.study-app textarea,.study-app select{-webkit-appearance:none}.study-app input,.study-app textarea,.study-app select{color:var(--st-text)}.study-app input::placeholder,.study-app textarea::placeholder{color:var(--st-text-3);opacity:.85}.study-app input:focus,.study-app textarea:focus,.study-app select:focus{border-color:#7282ff8c!important;box-shadow:0 0 0 3px #7282ff17!important}.round-button,.icon-button,.refresh-rooms,.dashboard-refresh,.stats-refresh,.room-icon-button{transition:transform .16s,background .16s,border-color .16s,color .16s}.round-button:hover,.icon-button:hover,.refresh-rooms:hover,.dashboard-refresh:hover,.stats-refresh:hover,.room-icon-button:hover{transform:translateY(-1px)}.room-primary-button,.room-secondary-button,.join-primary-button,.public-join-button,.start-study-button,.auth-primary,.settings-primary,.goals-create-btn,.goals-create-button,.goal-save,.timer-primary-button{transition:transform .16s,box-shadow .16s,filter .16s}.room-primary-button:hover,.join-primary-button:hover,.public-join-button:hover,.start-study-button:hover,.auth-primary:hover,.settings-primary:hover,.goals-create-btn:hover,.goals-create-button:hover,.goal-save:hover,.timer-primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{cursor:not-allowed!important;opacity:.55!important;transform:none!important}.loading-screen,.placeholder-page{background:var(--st-bg);min-height:100vh;color:var(--st-text);text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.loading-logo,.placeholder-icon{background:var(--st-primary-soft);color:var(--st-primary);border:1px solid #7282ff33;border-radius:18px;place-items:center;display:grid}.loading-logo{width:58px;height:58px;margin-bottom:16px;font-size:23px;font-weight:900}.loading-screen h2,.placeholder-page h1{letter-spacing:-.035em;margin:0}.loading-screen p,.placeholder-page p{color:var(--st-text-3);margin:8px 0 0;font-size:12px}.placeholder-icon{width:64px;height:64px;margin-bottom:17px}.study-app .dashboard-page{background:radial-gradient(circle at 88% 0%, #7282ff17, transparent 26%), var(--st-bg)!important;min-height:100vh!important;color:var(--st-text)!important;padding:clamp(22px,3vw,38px) clamp(16px,3vw,42px) 44px!important}.dashboard-page>*{width:min(100%, var(--st-content-max));margin-left:auto;margin-right:auto}.dashboard-header{margin-bottom:22px!important}.dashboard-header h1{color:var(--st-text)!important}.dashboard-header p{color:var(--st-text-3)!important}.dashboard-stat-grid,.stats-stat-grid{gap:12px!important}.dashboard-stat-card,.dashboard-panel,.dashboard-footer-card{background:var(--st-card)!important;border:1px solid var(--st-border)!important;border-radius:var(--st-radius)!important;box-shadow:var(--st-shadow-soft)!important}.dashboard-stat-card:hover,.dashboard-panel:hover,.dashboard-footer-card:hover{border-color:var(--st-border-strong)!important}.dashboard-date-card,.dashboard-refresh{background:var(--st-surface)!important;border-color:var(--st-border)!important;color:var(--st-text-2)!important}.dashboard-panel-header h2,.dashboard-goal-copy strong,.dashboard-room-row strong,.dashboard-activity-row strong{color:var(--st-text)!important}.dashboard-goal-copy span,.dashboard-room-row span,.dashboard-activity-row span,.dashboard-footer-card span{color:var(--st-text-3)!important}.dashboard-room-row,.dashboard-add-goal,.dashboard-quick-actions button{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text-2)!important}.dashboard-room-row:hover,.dashboard-quick-actions button:hover{background:var(--st-surface-3)!important;color:var(--st-text)!important}.dashboard-bar-track{background:var(--st-surface-3)!important}.dashboard-error{color:#ffacb7!important;background:#f17f8f14!important;border-color:#f17f8f33!important}.app-theme-light .dashboard-page{background:radial-gradient(circle at 88% 0%, #5d6ff014, transparent 27%), var(--st-bg)!important}.study-app .rooms-page,.study-app .rooms-list-page,.study-app .join-room-page,.study-app .study-room-page{background:var(--st-bg)!important;color:var(--st-text)!important}.study-app .rooms-page,.study-app .rooms-list-page,.study-app .join-room-page{min-height:100vh!important;padding:clamp(22px,4vw,42px) clamp(14px,3vw,42px) 50px!important}.rooms-card,.room-list-card,.join-room-card,.room-panel,.room-timer-card,.room-description-card{background:var(--st-card)!important;border-color:var(--st-border)!important;color:var(--st-text)!important;box-shadow:var(--st-shadow-soft)!important;border-radius:var(--st-radius-lg)!important}.rooms-card h1,.room-list-card h2,.join-room-card h1,.study-room-header h1,.room-panel h2{color:var(--st-text)!important}.rooms-card>p,.join-room-card>p,.room-list-card p,.section-heading p,.shared-timer-text,.room-panel-title span{color:var(--st-text-3)!important}.room-form input,.room-form textarea,.room-form select,.join-code-section input{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.room-form input:hover,.room-form textarea:hover,.room-form select:hover{border-color:var(--st-border-strong)!important}.room-type,.room-timer-tabs,.join-room-tabs{background:var(--st-surface-2)!important;border-color:var(--st-border)!important}.room-type{color:var(--st-text-2)!important}.room-type:hover{border-color:var(--st-border-strong)!important}.room-type.selected,.room-timer-tabs button.selected,.join-room-tabs button.active{background:var(--st-primary)!important;border-color:var(--st-primary)!important;color:#fff!important}.room-primary-button,.join-primary-button,.public-join-button,.timer-primary-button{background:linear-gradient(135deg, var(--st-primary), var(--st-primary-2))!important;color:#fff!important;border-color:#0000!important;box-shadow:0 10px 24px #5d6ff033!important}.room-secondary-button,.room-icon-button,.rooms-back-link,.timer-secondary-button,.camera-button,.chat-attach-button{background:var(--st-surface-2)!important;color:var(--st-text-2)!important;border-color:var(--st-border)!important}.room-secondary-button:hover,.room-icon-button:hover,.rooms-back-link:hover,.timer-secondary-button:hover,.camera-button:hover,.chat-attach-button:hover{background:var(--st-surface-3)!important;color:var(--st-text)!important}.room-code-box,.room-header-code{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.public-room-item,.room-card{background:var(--st-surface)!important;border-color:var(--st-border)!important;color:var(--st-text)!important;border-radius:var(--st-radius)!important}.public-room-item:hover,.room-card:hover{transform:translateY(-1px);border-color:var(--st-border-strong)!important}.room-messages,.members-list{background:var(--st-surface-2)!important;border-color:var(--st-border)!important}.chat-input-row input{background:var(--st-surface)!important;color:var(--st-text)!important;border-color:var(--st-border)!important}.chat-bubble{background:var(--st-surface-3)!important;color:var(--st-text)!important;border-color:var(--st-border)!important}.study-room-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--st-surface) 94%, transparent)!important;border-bottom-color:var(--st-border)!important}.study-room-center,.study-room-sidebar{min-width:0}.app-theme-light .study-room-header{background:#ffffffeb!important}.study-app .chat-page{background:var(--st-bg)!important;height:100vh!important;min-height:100vh!important;color:var(--st-text)!important}.chat-sidebar,.chat-main{background:var(--st-surface)!important;border-color:var(--st-border)!important}.chat-sidebar-head{border-bottom-color:var(--st-border)!important}.chat-sidebar h1,.chat-header strong{color:var(--st-text)!important}.add-friend-form,.friend-search,.message-compose{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.add-friend-form input,.friend-search input,.message-compose input,.friend-row{color:var(--st-text)!important}.friend-row:hover,.friend-row.selected{background:var(--st-primary-soft)!important}.request-item,.chat-notice,.chat-error,.chat-compose-error{border-color:var(--st-border)!important}.message-bubble{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.chat-photo{border-radius:12px!important}.message-compose>button,.add-friend-form button{background:linear-gradient(135deg, var(--st-primary), var(--st-primary-2))!important;color:#fff!important}.chat-welcome-icon{background:var(--st-primary-soft)!important;color:var(--st-primary)!important;border-color:#7282ff33!important}.study-app .settings-page{background:var(--st-bg)!important;min-height:100vh!important;color:var(--st-text)!important;padding:clamp(22px,4vw,42px) clamp(14px,3vw,42px) 60px!important}.settings-shell{width:min(1100px,100%)!important}.settings-header h1,.settings-section-head h2{color:var(--st-text)!important}.settings-header p,.settings-section-head p,.settings-form-row label>span{color:var(--st-text-2)!important}.settings-section{background:var(--st-card)!important;border-color:var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.settings-form-row input,.youtube-input-row input{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.settings-primary{background:linear-gradient(135deg, var(--st-primary), var(--st-primary-2))!important}.settings-secondary,.upload-button,.save-media{background:var(--st-surface-2)!important;color:var(--st-text-2)!important;border-color:var(--st-border)!important}.theme-choice,.background-card,.youtube-preview,.built-in-music,.built-in-music-list{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.theme-choice:hover,.background-card:hover{border-color:var(--st-border-strong)!important}.theme-choice.active,.background-card.active{border-color:#7282ffa6!important;box-shadow:0 0 0 2px #7282ff1a!important}.study-app .goals-page{background:radial-gradient(circle at 78% 0%, #7282ff14, transparent 28%), var(--st-bg)!important;min-height:100vh!important;color:var(--st-text)!important;padding:clamp(22px,4vw,42px) clamp(14px,3vw,42px) 54px!important}.goals-shell{width:min(1180px,100%)!important}.goals-heading h1,.goals-card h2,.goal-card h3{color:var(--st-text)!important}.goals-heading p,.goal-card p,.goal-card-bottom,.goals-eyebrow{color:var(--st-text-2)!important}.goals-stats{gap:12px!important}.goal-stat,.goal-card{background:var(--st-card)!important;border-color:var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.goal-card:hover{transform:translateY(-1px);border-color:var(--st-border-strong)!important}.goal-search,.goal-search input,.goal-filters,.goal-form-grid input,.goal-form-grid textarea,.goal-form-grid select,.goal-progress-input{background:var(--st-surface-2)!important;border-color:var(--st-border)!important;color:var(--st-text)!important}.goals-create-btn,.goals-create-button,.goal-save{background:linear-gradient(135deg, var(--st-primary), var(--st-primary-2))!important;color:#fff!important}.goal-cancel,.modal-close{background:var(--st-surface-2)!important;color:var(--st-text-2)!important;border-color:var(--st-border)!important}.goal-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030509a3!important}.goal-modal{background:var(--st-card)!important;border-color:var(--st-border-strong)!important;color:var(--st-text)!important;box-shadow:0 30px 90px #00000059!important}.goal-modal-error,.goals-error{color:#ffabb5!important;background:#f17f8f14!important;border-color:#f17f8f33!important}.study-app .solo-page{color:var(--st-text)}.study-app .solo-topbar{-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--st-border)!important;background:#090b10bd!important}.app-theme-light .solo-topbar{border-bottom-color:var(--st-border)!important;background:#ffffffd1!important}.solo-title h1{color:inherit!important}.solo-title p{color:var(--st-text-2)!important}.top-control,.solo-control,.fullscreen-button{border-color:var(--st-border)!important;color:var(--st-text)!important;background:#ffffff0e!important}.app-theme-light .top-control,.app-theme-light .solo-control,.app-theme-light .fullscreen-button{color:var(--st-text)!important;background:#0f141e0b!important}.dropdown-menu,.solo-dropdown,.media-dropdown{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--st-card)!important;border-color:var(--st-border-strong)!important;color:var(--st-text)!important;box-shadow:var(--st-shadow)!important}.dropdown-menu button,.solo-dropdown button,.media-dropdown button{color:var(--st-text-2)!important}.dropdown-menu button:hover,.solo-dropdown button:hover,.media-dropdown button:hover{background:var(--st-primary-soft)!important;color:var(--st-text)!important}.glass-panel,.timer-panel,.solo-panels .glass-panel{background:color-mix(in srgb, var(--st-surface) 88%, transparent)!important;border-color:var(--st-border)!important;color:var(--st-text)!important;box-shadow:var(--st-shadow-soft)!important}.timer-display,.hero-content h2{color:var(--st-text)!important}.hero-content p,.hero-features{color:var(--st-text-2)!important}.timer-tabs,.timer-modes{background:var(--st-surface-2)!important;border-color:var(--st-border)!important}.timer-tabs button,.timer-modes button{color:var(--st-text-2)!important}.timer-tabs button.selected,.timer-modes button.active{background:var(--st-primary)!important;color:#fff!important}.play-button,.start-study-button,.goals-panel .goal-input button,.quote-card button{background:linear-gradient(135deg, var(--st-primary), var(--st-primary-2))!important;color:#fff!important}.study-status,.quote-card{background:var(--st-card)!important;color:var(--st-text)!important;border-color:var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.goals-panel .goal-input input{background:var(--st-surface-2)!important;color:var(--st-text)!important;border-color:var(--st-border)!important}.goals-panel .goal-item{background:var(--st-card-soft)!important;border-color:var(--st-border)!important}.goals-panel .solo-goal-copy>span{color:var(--st-text)!important}.solo-youtube-player{border-color:var(--st-border-strong)!important;background:#0c0f14!important;box-shadow:0 28px 80px #0000006b!important}.study-app .study-stats-page{background:var(--st-bg)!important;min-height:100vh!important;color:var(--st-text)!important;padding:clamp(22px,3vw,38px) clamp(14px,3vw,42px) 44px!important}.stats-header h1{color:var(--st-text)!important}.stats-header p,.stats-eyebrow{color:var(--st-text-3)!important}.stats-stat-card,.stats-panel,.stats-footer-summary>div{background:var(--st-card)!important;border-color:var(--st-border)!important;box-shadow:var(--st-shadow-soft)!important}.stats-date-card,.stats-refresh{background:var(--st-surface)!important;border-color:var(--st-border)!important;color:var(--st-text-2)!important}.stats-error{color:#ffabb5!important;background:#f17f8f14!important;border-color:#f17f8f33!important}.stats-bar-track{background:var(--st-surface-3)!important}.auth-page{background:radial-gradient(circle at 12% 10%,#687bff24,#0000 28%),radial-gradient(circle at 90% 88%,#7852d21c,#0000 26%),#07090e!important;min-height:100dvh!important;padding:clamp(16px,3vw,30px)!important}.auth-shell{border-color:#ffffff17!important;border-radius:24px!important;width:min(1120px,100%)!important;min-height:min(720px,100dvh - 32px)!important;box-shadow:0 30px 100px #0000006b!important}.auth-visual-panel{background:radial-gradient(circle at 25% 18%,#687bff26,#0000 35%),linear-gradient(145deg,#111724,#090b10 75%)!important}.auth-form-panel{background:#0d1016!important}.auth-heading h2{color:#f7f8fb!important}.auth-heading p,.auth-top-switch,.auth-field label{color:#8e98aa!important}.auth-input-wrap,.plain-input,.otp-input{color:#f7f8fb!important;background:#121720!important;border-color:#ffffff1a!important}.auth-input-wrap:focus-within{border-color:#7282ff99!important;box-shadow:0 0 0 3px #7282ff1a!important}.auth-input-wrap input,.plain-input{color:#f7f8fb!important}.auth-primary{background:linear-gradient(135deg,#7282ff,#5d6ff0)!important;box-shadow:0 12px 28px #5d6ff03d!important}.google-button{color:#eef1f7!important;background:#151a22!important;border-color:#ffffff1a!important}.auth-tabs{background:#121720!important}.auth-tabs button{color:#8f98a8!important}.auth-tabs button.active{color:#11151b!important;background:#edf0f7!important}.auth-error{background:#f17f8f17!important;border-color:#f17f8f33!important}.auth-success{background:#49c98b14!important;border-color:#49c98b2e!important}@media (width<=1180px){:root{--st-sidebar:220px}.study-app .sidebar{width:var(--st-sidebar)!important;min-width:var(--st-sidebar)!important}.app-main{margin-left:var(--st-sidebar)}.dashboard-main-grid,.dashboard-bottom-grid,.stats-main-grid,.stats-bottom-grid{grid-template-columns:1fr!important}.chat-page{grid-template-columns:280px minmax(0,1fr)!important}}@media (width<=900px){:root{--st-sidebar:78px}.study-app .sidebar{width:var(--st-sidebar)!important;min-width:var(--st-sidebar)!important;padding:14px 9px!important}.app-main{margin-left:var(--st-sidebar)}.brand{justify-content:center;padding:3px 0}.brand>span,.nav-item>span,.theme-toggle-label,.theme-toggle-state,.profile-info{display:none!important}.sidebar-nav{gap:5px}.nav-item,.theme-toggle,.logout-nav{justify-content:center!important;padding:0!important}.nav-item{margin:0 auto;width:52px!important}.nav-item.active{box-shadow:none}.theme-toggle,.logout-nav{margin:0 auto;width:52px!important}.sidebar-profile{justify-content:center;padding:8px 0!important}.profile-avatar{width:34px!important;height:34px!important}.dashboard-stat-grid,.stats-stat-grid,.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.study-room-main{grid-template-columns:minmax(0,1fr)!important}.study-room-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid!important}.solo-hero,.solo-workspace{grid-template-columns:1fr!important}}@media (width<=720px){.dashboard-header,.stats-header,.goals-header,.settings-header{flex-direction:column!important;align-items:stretch!important}.dashboard-header-actions,.stats-header-actions{width:100%}.dashboard-date-card,.stats-date-card{flex:1}.dashboard-stat-grid,.stats-stat-grid,.rooms-grid,.theme-choice-grid{grid-template-columns:1fr!important}.settings-form-row{flex-direction:column;align-items:stretch}.settings-form-row button{width:100%}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chat-page{grid-template-columns:1fr!important}.chat-sidebar{display:flex}.chat-page.chat-mobile-active .chat-sidebar{display:none}.chat-main{min-width:0}.study-room-sidebar{grid-template-columns:1fr!important}.study-room-header{gap:8px!important;min-height:64px!important;padding:10px 12px!important}.room-header-right .room-online{display:none}.solo-topbar{flex-wrap:wrap!important;height:auto!important;min-height:70px!important;padding:11px 14px!important}.solo-top-actions,.top-controls{width:100%;padding-bottom:2px;overflow-x:auto}.solo-title{min-width:0}.solo-title p{display:none}.solo-content{padding:20px 14px 34px!important}.solo-time,.timer-display{font-size:clamp(44px,13vw,70px)!important}.solo-youtube-player{width:calc(100vw - 24px)!important;bottom:80px!important;right:12px!important}}@media (width<=560px){:root{--st-sidebar:0px}.study-app .sidebar{gap:6px;overflow:hidden;box-shadow:0 -10px 35px #0000001f;border-right:0!important;border-top:1px solid var(--st-border)!important;flex-direction:row!important;align-items:center!important;width:100%!important;min-width:0!important;height:70px!important;padding:7px 8px!important;inset:auto 0 0!important}.app-main{padding-bottom:70px;margin-left:0!important}.sidebar-top{flex:1;min-width:0;display:block}.brand{display:none!important}.sidebar-nav{scrollbar-width:none;align-items:center;gap:4px;height:56px;padding:0;overflow:auto hidden;display:flex!important}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 58px;border-radius:11px!important;width:58px!important;height:52px!important;min-height:52px!important;margin:0!important}.nav-item svg{width:19px;height:19px}.sidebar-bottom{flex:none;align-items:center;gap:5px;border-top:0!important;padding:0!important;display:flex!important}.sidebar-profile,.theme-toggle,.logout-nav{width:45px!important;height:45px!important;min-height:45px!important;margin:0!important;padding:0!important}.sidebar-profile .profile-avatar{width:34px!important;height:34px!important}.study-app.solo-mode .sidebar{width:100%!important;min-width:0!important}.study-app.solo-mode .sidebar .nav-item{width:58px!important;margin:0!important}.dashboard-page,.study-stats-page,.goals-page,.settings-page,.rooms-page,.rooms-list-page,.join-room-page{padding-left:13px!important;padding-right:13px!important}.rooms-card,.join-room-card,.room-list-card,.settings-section,.goal-modal{border-radius:15px!important}.room-card-actions,.my-rooms-header-actions,.upload-row,.goals-toolbar{flex-wrap:wrap!important}.background-grid{grid-template-columns:1fr 1fr!important}.auth-page{padding:0!important}.auth-shell{border-radius:0!important;min-height:100dvh!important}.auth-form-panel{padding:26px 18px 34px!important}}@media (width<=390px){.nav-item{flex-basis:52px;width:52px!important}.sidebar-bottom{gap:2px}.sidebar-profile,.theme-toggle,.logout-nav{width:40px!important}.dashboard-page,.study-stats-page,.goals-page,.settings-page,.rooms-page,.rooms-list-page,.join-room-page{padding-left:10px!important;padding-right:10px!important}.auth-form-panel{padding-left:15px!important;padding-right:15px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){.nav-item,.theme-toggle,.logout-nav,button,.room-type,.timer-tabs button,.timer-modes button{min-height:42px}}.study-app,.study-app .app-main,.study-app .rooms-page,.study-app .rooms-list-page,.study-app .dashboard-page,.study-app .goals-page,.study-app .settings-page,.study-app .study-stats-page,.study-app .study-room-page,.study-app .chat-page{overflow-wrap:anywhere}.study-app img,.auth-page img{max-width:100%}.public-page{--public-bg:#07090d;--public-surface:#0d1118;--public-surface-2:#121720;--public-border:#ffffff17;--public-text:#f7f8fb;--public-muted:#929aa9;--public-muted-2:#656d7b;--public-primary:#7282ff;--public-primary-2:#5d6ff0;background:radial-gradient(circle at 70% 12%, #7282ff1f, transparent 28%), radial-gradient(circle at 10% 30%, #5b6df012, transparent 25%), var(--public-bg);min-height:100vh;color:var(--public-text);font-family:var(--st-font,Inter, ui-sans-serif, system-ui, sans-serif);overflow:hidden}.public-page *,.public-page :before,.public-page :after{box-sizing:border-box}.public-nav{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090db8;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);height:74px;margin:0 auto;display:flex;position:sticky;top:0}.public-brand{color:var(--public-text);letter-spacing:-.03em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:800;display:inline-flex}.public-brand-mark{background:linear-gradient(145deg,#f7f8fb,#aeb5c2);border-radius:10px;flex:0 0 32px;width:32px;height:32px;position:relative;box-shadow:0 8px 24px #00000040}.public-brand-mark span{background:#0a0c10;border-radius:50%;width:6px;height:6px;position:absolute}.public-brand-mark span:first-child{top:7px;left:7px}.public-brand-mark span:nth-child(2){top:7px;right:7px}.public-brand-mark span:nth-child(3){bottom:6px;left:13px}.public-nav-links{align-items:center;gap:30px;display:flex}.public-nav-links a{color:#8d95a4;font-size:11px;font-weight:600;text-decoration:none;transition:color .18s}.public-nav-links a:hover{color:#fff}.public-nav-actions{align-items:center;gap:10px;display:flex}.public-login-link,.public-nav-cta,.public-primary-button,.public-secondary-button{cursor:pointer;border:0;font-weight:700}.public-login-link{color:#aab1bf;background:0 0;padding:9px 10px;font-size:11px}.public-login-link:hover{color:#fff}.public-nav-cta{color:#fff;background:var(--public-primary);border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 15px;display:inline-flex;box-shadow:0 8px 24px #7282ff33}.public-hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px;width:min(1180px,100% - 40px);min-height:690px;margin:0 auto;padding:70px 0 90px;display:grid;position:relative}.public-hero-copy{z-index:2;position:relative}.public-eyebrow,.public-section-heading>span,.public-section-kicker{color:#7f89ff;letter-spacing:.16em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.public-live-dot{background:#55d48e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #55d48e17}.public-hero h1{letter-spacing:-.065em;max-width:620px;margin:18px 0 20px;font-size:clamp(52px,6vw,82px);font-weight:800;line-height:.93}.public-hero h1 span{color:#8290ff}.public-hero-copy>p{max-width:530px;color:var(--public-muted);margin:0;font-size:14px;line-height:1.8}.public-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.public-primary-button{color:#fff;background:linear-gradient(135deg,var(--public-primary),var(--public-primary-2));border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 30px #5d6ff038}.public-primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #5d6ff047}.public-secondary-button{border:1px solid var(--public-border);color:#aeb5c2;background:#ffffff06;border-radius:11px;min-height:46px;padding:0 15px;font-size:11px}.public-secondary-button:hover{color:#fff;border-color:#ffffff29}.public-trust-row{align-items:center;gap:10px;margin-top:34px;display:flex}.public-trust-row strong,.public-trust-row small{display:block}.public-trust-row strong{font-size:10px}.public-trust-row small{color:#687180;margin-top:3px;font-size:9px}.public-avatar-stack{padding-left:5px;display:flex}.public-avatar-stack span{border:2px solid var(--public-bg);color:#fff;background:#30394a;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-5px;font-size:7px;font-weight:800;display:grid}.public-avatar-stack span:nth-child(2){background:#58639b}.public-avatar-stack span:nth-child(3){background:#405d59}.public-hero-visual{perspective:1200px;min-width:0;position:relative}.public-window{z-index:2;background:#0b0e13;border:1px solid #ffffff1c;border-radius:17px;width:100%;position:relative;overflow:hidden;transform:rotateY(-3deg)rotateX(1deg);box-shadow:0 35px 90px #00000073,0 0 70px #6271ff14}.public-window-top{color:#687180;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:40px;padding:0 14px;font-size:8px;display:flex}.public-window-dots{gap:5px;display:flex}.public-window-dots i{background:#343a45;border-radius:50%;width:6px;height:6px}.public-window-status{align-items:center;gap:5px;display:flex}.public-window-status>span,.public-online-dot{background:#4fcf8d;border-radius:50%;width:6px;height:6px}.public-preview-body{grid-template-columns:145px minmax(0,1fr);min-height:375px;display:grid}.public-preview-sidebar{background:#0a0d12;border-right:1px solid #ffffff0e;padding:15px 9px}.public-preview-logo{color:#dfe3ea;align-items:center;gap:7px;padding:4px 7px 18px;font-size:8px;font-weight:800;display:flex}.public-preview-logo b{color:#0b0d11;background:#f1f3f7;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.public-preview-nav{color:#626b79;border-radius:7px;align-items:center;gap:7px;height:34px;margin-bottom:3px;padding:0 8px;font-size:8px;display:flex}.public-preview-nav.active{color:#dfe3eb;background:#7282ff1f}.public-preview-nav.active svg{color:#7d8aff}.public-preview-main{min-width:0;padding:24px}.public-preview-heading{justify-content:space-between;align-items:center;display:flex}.public-preview-heading small,.public-card-label{color:#656f7e;letter-spacing:.13em;font-size:7px;font-weight:800}.public-preview-heading h3{color:#eef1f6;letter-spacing:-.04em;margin:6px 0 0;font-size:20px}.public-preview-avatar{color:#fff;background:linear-gradient(135deg,#6677f5,#8d99ff);border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-weight:800;display:grid}.public-stat-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.public-stat-row>div,.public-preview-card{background:#ffffff06;border:1px solid #fff1;border-radius:10px;padding:14px}.public-stat-row span,.public-stat-row small{color:#697281;font-size:7px;display:block}.public-stat-row strong{color:#eef0f4;letter-spacing:-.04em;margin:7px 0 4px;font-size:17px;display:block}.public-preview-grid{grid-template-columns:1.2fr .8fr;gap:9px;margin-top:9px;display:grid}.public-preview-card{min-height:145px}.public-focus-card>strong{color:#f5f6f9;letter-spacing:-.06em;margin:18px 0 13px;font-size:30px;display:block}.public-progress{background:#202630;border-radius:999px;height:4px;overflow:hidden}.public-progress span{border-radius:inherit;background:linear-gradient(90deg,#6c7bfa,#91a0ff);width:68%;height:100%;display:block}.public-card-footer{color:#636c7a;justify-content:space-between;margin-top:14px;font-size:7px;display:flex}.public-card-footer b{color:#54cf8e}.public-mini-room{margin-top:19px}.public-mini-room span,.public-mini-room b{display:block}.public-mini-room span{color:#d7dbe2;font-size:9px}.public-mini-room b{color:#646d7a;margin-top:5px;font-size:7px;font-weight:500}.public-mini-people{align-items:center;margin-top:18px;display:flex}.public-mini-people i{color:#fff;background:#59648f;border:2px solid #11151b;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:-4px;font-size:6px;font-style:normal;font-weight:800;display:grid}.public-mini-people i:nth-child(2){background:#4b625d}.public-mini-people i:nth-child(3){background:#725e78}.public-mini-people i:nth-child(4){background:#735e45}.public-mini-people span{color:#7c86ff;margin-left:10px;font-size:7px;font-weight:700}.public-floating-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11151ceb;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:9px 11px;display:flex;position:absolute;box-shadow:0 16px 38px #00000059}.public-floating-card strong,.public-floating-card small{display:block}.public-floating-card strong{color:#e7eaf0;font-size:8px}.public-floating-card small{color:#697280;margin-top:3px;font-size:7px}.public-float-room{top:20%;right:-24px}.public-float-chat{bottom:12%;left:-28px}.public-float-icon{color:#8591ff;background:#7282ff1f;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.public-online-dot{margin-left:4px}.public-hero-glow{pointer-events:none;filter:blur(1px);border-radius:50%;position:absolute}.public-glow-one{filter:blur(70px);background:#5365f017;width:260px;height:260px;top:15%;right:25%}.public-glow-two{filter:blur(65px);background:#7282ff0f;width:180px;height:180px;bottom:4%;left:2%}.public-section{width:min(1180px,100% - 40px);margin:0 auto;padding:100px 0}.public-section-heading h2,.public-how-copy h2,.public-room-banner h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(32px,4vw,52px);line-height:1}.public-feature-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px;display:grid}.public-feature-card{border:1px solid var(--public-border);background:linear-gradient(145deg,#ffffff09,#ffffff04);border-radius:15px;min-height:220px;padding:23px;transition:transform .2s,border-color .2s}.public-feature-card:hover{border-color:#7282ff40;transform:translateY(-4px)}.public-feature-icon{color:#8490ff;background:#7282ff1a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.public-feature-card h3{margin:32px 0 9px;font-size:14px}.public-feature-card p{color:#707988;margin:0;font-size:10px;line-height:1.75}.public-how-section{border-top:1px solid #ffffff0e;grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.public-how-copy p{color:#777f8d;max-width:430px;margin-top:22px;font-size:12px;line-height:1.8}.public-steps{border-left:1px solid #ffffff14}.public-step{border-bottom:1px solid #ffffff0e;grid-template-columns:55px 1fr;gap:15px;padding:23px 0 23px 28px;display:grid}.public-step:last-child{border-bottom:0}.public-step>span{color:#6673e7;letter-spacing:.1em;font-size:9px;font-weight:800}.public-step h3{margin:0;font-size:13px}.public-step p{color:#68717f;margin:6px 0 0;font-size:9px;line-height:1.6}.public-room-banner{background:radial-gradient(circle at 80% 20%,#7282ff24,#0000 35%),linear-gradient(135deg,#101521,#0c1017);border:1px solid #7282ff33;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;width:min(1180px,100% - 40px);margin:20px auto 80px;padding:48px;display:flex}.public-room-banner h2{font-size:clamp(27px,3vw,42px)}.public-room-banner p{color:#717a89;margin:12px 0 0;font-size:11px}.public-footer{color:#5e6673;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);min-height:85px;margin:0 auto;font-size:8px;display:flex}.public-footer-brand{color:#dce0e8}.public-auth-shell{background:#07090d;place-items:center;min-height:100vh;padding:70px 20px 20px;display:grid;position:relative}.public-back-button{z-index:20;color:#aab1bf;cursor:pointer;background:#0f1218d9;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:10px;display:inline-flex;position:fixed;top:18px;left:20px}.public-back-button:hover{color:#fff}.public-auth-shell .auth-page{width:100%;background:0 0!important;min-height:auto!important}@media (width<=1000px){.public-hero{grid-template-columns:1fr;padding-top:55px}.public-hero-copy{max-width:680px}.public-hero-visual{width:min(760px,100%);margin:0 auto}.public-float-room{right:-8px}.public-float-chat{left:-8px}.public-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.public-nav,.public-hero,.public-section,.public-room-banner,.public-footer{width:min(100% - 24px,1180px)}.public-nav{height:64px}.public-nav-links{display:none}.public-nav-cta{height:34px;padding:0 11px}.public-login-link{display:none}.public-hero{gap:40px;min-height:auto;padding:55px 0 75px}.public-hero h1{font-size:clamp(48px,14vw,70px)}.public-hero-copy>p{font-size:12px}.public-hero-actions{flex-direction:column;align-items:stretch}.public-primary-button,.public-secondary-button{width:100%}.public-window{transform:none}.public-preview-body{grid-template-columns:74px minmax(0,1fr);min-height:310px}.public-preview-sidebar{padding:10px 5px}.public-preview-logo span{display:none}.public-preview-nav{justify-content:center;padding:0;font-size:0}.public-preview-main{padding:14px}.public-preview-grid{grid-template-columns:1fr}.public-preview-grid .public-preview-card:nth-child(2){display:none}.public-stat-row{gap:6px}.public-stat-row>div{padding:10px}.public-float-room,.public-float-chat{display:none}.public-section{padding:75px 0}.public-feature-grid{grid-template-columns:1fr}.public-feature-card{min-height:175px}.public-how-section{grid-template-columns:1fr;gap:40px}.public-steps{border-left:0}.public-step{padding-left:0}.public-room-banner{flex-direction:column;align-items:flex-start;margin-bottom:55px;padding:28px 22px}.public-room-banner .public-primary-button{width:auto}.public-footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:110px}}@media (prefers-reduced-motion:reduce){.public-page *,.public-page :before,.public-page :after{scroll-behavior:auto!important;transition:none!important}}