.app-canvas:has(.focus-room-dashboard){overflow:clip}.app-canvas .focus-main-panel:has(.focus-room-dashboard){height:auto;min-height:100svh;overflow:visible}.app-canvas .focus-dashboard.focus-room-dashboard{background:var(--workspace-deep);grid-template-columns:minmax(0,1fr) 340px;height:auto;min-height:100svh;display:grid}.app-canvas .focus-room-dashboard .focus-stage{min-width:0;height:auto;min-height:100svh;color:var(--workspace-text);isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px clamp(24px,4vw,56px) 20px;display:flex;position:relative}.app-canvas .focus-room-dashboard .focus-stage:has(.focus-youtube-background){--workspace-deep:#090c16;--workspace-panel:#0d1120;--workspace-card:#141829;--workspace-card-raised:#1e2640;--workspace-dusk:#ab9af5;--workspace-sage:#9ac7aa;--workspace-text:#eee8dc;--workspace-muted:#b2b7cc;--workspace-dim:#9199b3;--workspace-line:#eee8dc1a;--workspace-line-strong:#eee8dc2e}.app-canvas .focus-room-dashboard .focus-youtube-background{opacity:1;mix-blend-mode:normal;width:116%;height:116%;inset:-8%}.app-canvas .study-heading,.app-canvas .study-today,.app-canvas .study-timer-hint{z-index:3;position:relative}.app-canvas .study-heading{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.app-canvas .study-eyebrow{color:var(--workspace-muted);letter-spacing:.16em;font-size:.61rem;font-weight:700;display:block}.app-canvas .study-heading h1{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:650}.app-canvas .study-session-status{color:var(--workspace-muted);white-space:nowrap;align-items:center;gap:7px;font-size:.7rem;display:inline-flex}.app-canvas .study-session-status i{background:var(--workspace-dim);border-radius:50%;width:6px;height:6px}.app-canvas .study-session-status i[data-running=true]{background:var(--workspace-sage)}.app-canvas .study-today{border:1px solid var(--workspace-line);background:color-mix(in srgb, var(--workspace-panel) 82%, transparent);border-radius:14px;align-items:center;gap:28px;width:100%;margin:20px 0 12px;padding:10px 16px;display:flex}.app-canvas .study-today strong{white-space:nowrap;margin-top:4px;font-size:1rem;font-weight:600;display:block}.app-canvas .study-today small{color:var(--workspace-dim);font-size:.73rem;font-weight:400}.app-canvas .study-today-total{flex-shrink:0}.app-canvas .study-today-elapsed{font-variant-numeric:tabular-nums}.app-canvas .study-today-progress{flex:1;min-width:72px}.app-canvas .study-today-progress-meta{color:var(--workspace-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.65rem;display:flex}.app-canvas .study-progress-status{align-items:center;gap:5px;display:inline-flex}.app-canvas .study-progress-status i{background:var(--workspace-sage);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite study-live-pulse}.app-canvas .study-today .progress-track{background:color-mix(in srgb, var(--workspace-muted) 14%, transparent);height:7px;margin:0}.app-canvas .study-today .study-progress-fill{background:linear-gradient(90deg, var(--workspace-sage), var(--workspace-dusk));transition:width .75s linear;position:relative;overflow:hidden}.app-canvas .study-today .study-progress-fill:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff70 48%,#0000 75%);position:absolute;inset:0;transform:translate(-100%)}.app-canvas .study-today[data-studying=true] .study-progress-fill:after{animation:2.8s ease-in-out infinite study-progress-shimmer}.app-canvas .study-today[data-studying=true] .progress-track{box-shadow:0 0 12px color-mix(in srgb, var(--workspace-sage) 18%, transparent)}.app-canvas .study-today[data-studying=true] .study-progress-status,.app-canvas .study-today[data-complete=true] .study-progress-status{color:var(--workspace-sage)}.app-canvas .study-today[data-complete=true] .study-progress-fill{background:linear-gradient(90deg, var(--workspace-sage), #d4df9b)}@keyframes study-progress-shimmer{0%,15%{transform:translate(-100%)}85%,to{transform:translate(100%)}}@keyframes study-live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--workspace-sage) 30%, transparent)}50%{opacity:.55;box-shadow:0 0 0 4px #0000}}@media (prefers-reduced-motion:reduce){.app-canvas .study-today .study-progress-fill{transition:none}.app-canvas .study-today[data-studying=true] .study-progress-fill:after,.app-canvas .study-progress-status i{animation:none}}.app-canvas .focus-room-dashboard .timer-core{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;padding:12px 0 0;display:flex}.app-canvas .focus-room-dashboard .timer-orb{flex-shrink:0;width:min(100%,360px,max(190px,100svh - 430px));min-width:0;margin-top:12px;container-type:inline-size}.app-canvas .focus-room-dashboard .timer-orb-core{border-color:var(--workspace-line);background:color-mix(in srgb, var(--workspace-deep) 84%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:84%;box-shadow:inset 0 1px #ffffff08}.app-canvas .focus-room-dashboard .timer-readout{letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;font-size:20cqi;font-weight:450;line-height:1.2}.app-canvas .focus-room-dashboard .timer-readout.timer-readout-hours{letter-spacing:-.04em;font-size:12.5cqi}.app-canvas .focus-room-dashboard .timer-readout.is-running{color:var(--workspace-text)}.app-canvas .focus-room-dashboard .timer-subject{overflow-wrap:anywhere;max-width:90%;font-size:.78rem}.app-canvas .focus-room-dashboard .phase-pill{color:var(--workspace-text)}.app-canvas .focus-room-dashboard .timer-controls{margin-top:16px}.app-canvas .focus-room-dashboard .study-toggle{min-width:190px;min-height:48px;box-shadow:none;font-weight:700}.app-canvas .study-timer-hint{color:var(--workspace-muted);text-align:center;margin:10px 0 20px;font-size:.73rem}.app-canvas .focus-room-dashboard .focus-side-panel{z-index:12;background:0 0;border:0;grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:12px;width:100%;height:auto;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.app-canvas .focus-settings-overlay{border:1px solid var(--workspace-line-strong);background:color-mix(in srgb, var(--workspace-panel) 92%, transparent);border-radius:12px;min-width:0;padding:0;position:relative}.app-canvas .focus-settings-overlay>summary{min-height:48px;color:var(--workspace-text);cursor:pointer;align-items:center;gap:8px;padding:12px;font-size:.74rem;list-style:none;display:flex}.app-canvas .focus-settings-overlay>summary::-webkit-details-marker{display:none}.app-canvas .focus-settings-overlay>summary>small{color:var(--workspace-dim);margin-left:auto;font-size:.64rem}.app-canvas .focus-settings-overlay>summary>svg{color:var(--workspace-dusk);flex-shrink:0}.app-canvas .focus-settings-overlay[open]>summary{border-top:1px solid var(--workspace-line)}.app-canvas .focus-settings-overlay-body{border:1px solid var(--workspace-line-strong);background:var(--workspace-panel);width:min(360px,100vw - 48px);max-height:min(460px,65svh);color:var(--workspace-text);border-radius:16px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0003}.app-canvas .focus-sound-overlay .focus-settings-overlay-body{left:auto;right:0}.app-canvas .focus-settings-overlay .focus-card{background:0 0;border:0;border-radius:0;padding:18px}.app-canvas .focus-settings-overlay .focus-sound-list{max-height:220px;overflow-y:auto}.app-canvas .study-companions{border-left:1px solid var(--workspace-line);background:var(--workspace-panel);min-width:0;height:100svh;color:var(--workspace-text);scrollbar-width:thin;scrollbar-color:var(--workspace-line-strong) transparent;padding:30px 22px;position:sticky;top:0;overflow-y:auto}.app-canvas .study-companions-heading{padding-bottom:24px}.app-canvas .study-companions-heading h2{letter-spacing:-.035em;align-items:center;gap:10px;margin:10px 0 0;font-size:1.15rem;font-weight:600;display:flex}.app-canvas .study-companions-heading h2 svg{color:var(--workspace-dusk)}.app-canvas .study-companions .room-peer-layout{background:0 0;border:0;height:auto;min-height:0;margin:0;display:block;overflow:visible}.app-canvas .study-companions .room-peer-stage{background:0 0;min-height:0;padding:0;display:block;overflow:visible}.app-canvas .study-companions .room-info-overlay{border:1px solid var(--workspace-line);background:var(--workspace-card);border-radius:12px;width:100%;display:block;position:relative;inset:auto}.app-canvas .study-companions .room-info-overlay>summary{cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:12px;font-size:.75rem;list-style:none;display:flex}.app-canvas .study-companions .room-info-overlay>summary::-webkit-details-marker{display:none}.app-canvas .study-companions .room-info-overlay>summary>span{overflow-wrap:anywhere;flex:1;min-width:0}.app-canvas .study-companions .room-info-overlay>summary>small{color:var(--workspace-sage);font-size:.62rem}.app-canvas .study-companions .room-info-overlay-body{border-top:1px solid var(--workspace-line);padding:10px}.app-canvas .study-companions .room-header-actions{justify-content:flex-start;position:relative;inset:auto}.app-canvas .study-companions .room-switcher-panel{width:260px;max-width:calc(100vw - 80px);left:0;right:auto}.app-canvas .study-companions .room-switcher-list{max-height:260px;overflow-y:auto}.app-canvas .study-companions .room-invite-bar{width:100%;margin:8px 0 0}.app-canvas .study-list-heading{justify-content:space-between;align-items:center;gap:8px;margin:24px 0 12px;display:flex}.app-canvas .study-list-heading h3{margin:0;font-size:.77rem;font-weight:650}.app-canvas .study-list-heading>span{color:var(--workspace-dim);font-size:.65rem}.app-canvas .study-list-heading .ghost-button{min-height:32px;padding:0 8px;font-size:.7rem}.app-canvas .study-companions .room-peer-grid{grid-template-columns:1fr;gap:8px;min-height:0;padding:0;display:grid}.app-canvas .study-companions .room-peer-pod{border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;place-items:center start;gap:10px;min-width:0;min-height:76px;padding:12px;display:grid}.app-canvas .study-companions .room-peer-orbit{width:42px;height:42px;margin:0}.app-canvas .study-companions .room-peer-avatar{width:32px;height:32px}.app-canvas .study-companions .room-peer-copy{text-align:left;min-width:0}.app-canvas .study-companions .room-peer-copy strong{white-space:normal;overflow-wrap:anywhere;justify-content:flex-start;font-size:.72rem}.app-canvas .study-companions .room-peer-copy>span{justify-content:flex-start;font-size:.64rem}.app-canvas .study-companions .room-peer-pod>b{max-width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin:0;font-size:.8rem;font-weight:500}.app-canvas .study-companions .room-peer-meta{display:none}.app-canvas .study-companions .room-chat-drawer{background:var(--workspace-card);border-radius:12px;width:100%;height:auto;margin-top:12px;position:relative;inset:auto;transform:none}.app-canvas .study-companions .room-inline-error{margin:12px 0;font-size:.75rem;position:static;transform:none}.app-canvas .study-companions .room-chat-drawer .message-list{height:220px;max-height:35svh;overflow-y:auto}.app-canvas .study-companions .room-chat-drawer>summary>span,.app-canvas .study-companions .room-chat-drawer>summary>small{display:inline}.app-canvas .study-companions .room-access-card,.app-canvas .study-companions .room-empty-state,.app-canvas .study-companions .room-join-state{border:1px solid var(--workspace-line);background:var(--workspace-card);border-radius:14px;width:100%;min-height:0;margin:0;padding:26px 16px;position:static;transform:none}.app-canvas .study-companions .room-access-card h2,.app-canvas .study-companions .room-empty-state h2,.app-canvas .study-companions .room-join-state h2{font-size:.95rem;font-weight:600}.app-canvas .study-companions .room-access-card p,.app-canvas .study-companions .room-empty-state p,.app-canvas .study-companions .room-join-state p{font-size:.76rem}.app-canvas .study-companions .room-access-card .primary-button,.app-canvas .study-companions .room-empty-state .primary-button{min-height:40px;font-size:.75rem}.app-canvas .study-friends{border-top:1px solid var(--workspace-line);margin-top:24px}.app-canvas .study-friend-list{gap:4px;display:grid}.app-canvas .study-friend-row{align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.app-canvas .study-friend-row .member-avatar{flex:0 0 32px;height:32px;font-size:.7rem}.app-canvas .study-friend-copy{flex:1;gap:3px;min-width:0;display:grid}.app-canvas .study-friend-copy strong{overflow-wrap:anywhere;font-size:.73rem;font-weight:600}.app-canvas .study-friend-copy>span{color:var(--workspace-dim);font-size:.64rem}.app-canvas .study-friend-row time{color:var(--workspace-dim);font-family:var(--font-mono);white-space:nowrap;font-size:.7rem}.app-canvas .study-friend-row .friend-live-timer{color:var(--workspace-sage);font-variant-numeric:tabular-nums}.app-canvas .study-friend-row [data-state=offline]{background:var(--workspace-dim)}.app-canvas .study-empty-note{color:var(--workspace-muted);text-align:center;padding:16px 8px;font-size:.74rem}.app-canvas .study-empty-note>svg{color:var(--workspace-dusk)}.app-canvas .study-empty-note .secondary-button{min-height:36px;font-size:.72rem}@media (max-width:1100px) and (min-width:781px){.app-canvas .focus-dashboard.focus-room-dashboard{grid-template-columns:minmax(0,1fr) 300px}.app-canvas .study-companions{padding:28px 16px}.app-canvas .study-session-status,.app-canvas .focus-settings-overlay>summary>small{display:none}}@media (max-width:780px){.app-canvas .side-nav{grid-template-columns:38px minmax(0,1fr) 34px;display:grid}.app-canvas .side-nav .brand{width:38px}.app-canvas .side-nav .nav-list{justify-content:flex-start}.app-canvas .focus-main-panel:has(.focus-room-dashboard){min-height:calc(100svh - 68px);padding:0}.app-canvas .focus-dashboard.focus-room-dashboard{grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 68px)}.app-canvas .focus-room-dashboard .focus-stage{z-index:5;border-bottom:1px solid var(--workspace-line);height:auto;min-height:0;padding:18px 22px 12px;position:sticky;top:68px}.app-canvas .study-heading h1{margin-top:4px;font-size:1.25rem}.app-canvas .study-heading .study-eyebrow{display:none}.app-canvas .study-session-status{font-size:.63rem}.app-canvas .study-today{gap:20px;margin:12px 0 8px;padding:10px 12px}.app-canvas .study-today .study-eyebrow{font-size:.5rem}.app-canvas .study-today strong{margin-top:0;font-size:.78rem}.app-canvas .focus-room-dashboard .timer-core{padding:2px 0 0}.app-canvas .focus-room-dashboard .phase-pill{padding:4px 8px;font-size:.55rem}.app-canvas .focus-room-dashboard .timer-orb{width:168px;margin-top:0}.app-canvas .focus-room-dashboard .timer-subject{margin-top:4px;font-size:.6rem}.app-canvas .focus-room-dashboard .timer-controls{margin-top:4px}.app-canvas .focus-room-dashboard .study-toggle{min-height:42px;font-size:.78rem}.app-canvas .study-timer-hint{margin:8px 0 12px;font-size:.6rem}.app-canvas .focus-settings-overlay>summary{min-height:40px;padding:8px 10px;font-size:.68rem}.app-canvas .focus-settings-overlay>summary>small{font-size:.58rem}.app-canvas .study-companions{border:0;height:auto;min-height:0;padding:22px;position:static;overflow:visible}.app-canvas .study-companions-heading{padding-bottom:16px}.app-canvas .study-companions-heading .study-eyebrow{display:none}.app-canvas .study-companions-heading h2{margin:0;font-size:1rem}.app-canvas .study-companions .room-peer-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}@media (max-width:780px) and (max-height:730px){.app-canvas .study-today{margin-block:6px}.app-canvas .focus-room-dashboard .timer-orb{width:135px}.app-canvas .study-heading{margin-bottom:8px}}.app-canvas .timer-mode-toggle{cursor:pointer;gap:8px;transition:background .15s,border-color .15s}.app-canvas .timer-mode-toggle:hover{background:color-mix(in srgb, var(--workspace-dusk) 20%, transparent);border-color:var(--workspace-dusk)}.app-canvas .focus-panel-actions{gap:5px;display:flex}.app-canvas .focus-control-card>.focus-card-heading{margin-bottom:16px}.app-canvas .study-current-group{border:1px solid var(--workspace-line);background:var(--workspace-card);border-radius:16px;padding:16px}.app-canvas .study-current-group-main{align-items:center;gap:12px;min-width:0;display:flex}.app-canvas .study-current-group-main>div{min-width:0}.app-canvas .study-current-group-main strong{color:var(--workspace-text);overflow-wrap:anywhere;font-size:.86rem;font-weight:600;display:block}.app-canvas .study-current-group-main div>span{color:var(--workspace-sage);margin-top:5px;font-size:.7rem;display:block}.app-canvas .study-current-group-actions{border-top:1px solid var(--workspace-line);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.app-canvas .study-current-group-actions .ghost-button{min-height:32px;padding:3px 0;font-size:.7rem}.app-canvas .study-current-group .room-invite-bar{width:100%;margin-top:12px;display:flex;position:static}.app-canvas .study-current-group .room-invite-bar input{width:100%;min-width:0}.group-card-icon{width:46px;height:46px;color:var(--workspace-dusk);background:color-mix(in srgb, var(--workspace-dusk) 10%, transparent);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.group-directory{max-width:1160px;color:var(--workspace-text);margin:0 auto;padding:20px 0 40px}.group-directory-intro{justify-content:space-between;align-items:center;gap:24px;padding:20px 0 32px;display:flex}.group-directory-intro h2{letter-spacing:-.045em;margin:12px 0 10px;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600;line-height:1.12}.group-directory-intro p{color:var(--workspace-muted);margin:0;font-size:.9rem}.group-directory-intro>button{flex-shrink:0}.group-directory-search{border:1px solid var(--workspace-line-strong);background:var(--workspace-panel);max-width:520px;color:var(--workspace-muted);border-radius:13px;align-items:center;gap:12px;margin-bottom:32px;padding:13px 16px;display:flex}.group-directory-search input{width:100%;min-width:0;color:var(--workspace-text);background:0 0;border:0;outline:0;font-size:.86rem}.group-directory-search:focus-within{outline:2px solid var(--workspace-dusk);outline-offset:3px}.group-section-heading{align-items:center;gap:12px;margin:28px 0 16px;display:flex}.group-section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600}.group-section-heading>span{color:var(--workspace-dim);font-size:.74rem}.group-directory-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;display:grid}.group-directory-card{border:1px solid var(--workspace-line);background:var(--workspace-panel);border-radius:18px;flex-direction:column;padding:22px;display:flex}.group-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-visibility{color:var(--workspace-dim);align-items:center;gap:5px;font-size:.7rem;display:flex}.group-directory-card h3{overflow-wrap:anywhere;margin:20px 0 8px;font-size:1.05rem;font-weight:600}.group-directory-card>p{color:var(--workspace-muted);overflow-wrap:anywhere;flex:1;margin:0 0 22px;font-size:.8rem;line-height:1.65}.group-card-presence{color:var(--workspace-dim);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:.69rem;display:flex}.group-card-presence>span:first-child{color:var(--workspace-sage);align-items:center;gap:6px;display:flex}.group-card-presence i{background:currentColor;border-radius:50%;width:5px;height:5px}.group-directory-card>button{justify-content:space-between;width:100%;min-height:42px;font-size:.78rem}.group-directory-welcome{border:1px solid var(--workspace-line);background:var(--workspace-panel);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.group-directory-welcome>.group-card-icon{border-radius:22px;width:70px;height:70px}.group-directory-welcome h3{letter-spacing:-.03em;margin:24px 0 0;font-size:1.4rem;font-weight:600}.group-directory-welcome p{max-width:440px;color:var(--workspace-muted);margin:14px 0 24px;font-size:.87rem;line-height:1.7}.group-directory-notice{border:1px dashed var(--workspace-line-strong);color:var(--workspace-muted);border-radius:14px;margin:0;padding:24px;font-size:.84rem}.group-directory-note{color:var(--workspace-dim);align-items:center;gap:8px;margin:24px 0;font-size:.76rem;display:flex}@media (max-width:780px){.app-canvas .side-nav{gap:5px;padding-inline:8px}.app-canvas .side-nav .nav-list{gap:2px}.app-canvas .side-nav .nav-button{width:34px;min-width:34px;padding-inline:0}.group-directory-intro{flex-direction:column;align-items:flex-start;gap:20px;padding-top:0}.group-directory-intro .study-eyebrow{font-size:.55rem}.group-directory-welcome{padding:36px 20px}}.app-canvas .timer-mode-toggle{z-index:2;position:relative}.app-canvas .timer-orb-halo,.app-canvas .timer-orb-ring{pointer-events:none}@media (max-width:480px){.app-canvas .study-today{gap:12px}.app-canvas .study-today-total strong{flex-direction:column;gap:3px;display:flex}.app-canvas .study-today-total small{font-size:.6rem}.app-canvas .study-today-progress-meta{font-size:.58rem}}
.subject-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.stats-heatmap-card{position:relative}.item-edit-actions{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.goal-subject-name{align-items:center;gap:7px;margin-top:8px;display:flex}.profile-goal-edit{width:100%;color:var(--workspace-muted);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:.72rem;display:flex}.profile-goal-edit:hover{color:var(--workspace-text)}.app-canvas .study-editor-backdrop{padding:20px}.app-canvas .study-editor{width:min(480px,100%);max-height:calc(100dvh - 40px);color:var(--workspace-text);background:var(--workspace-panel);border-color:var(--workspace-line-strong);scrollbar-width:thin;overflow-y:auto}.study-editor-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.study-editor-heading h2{letter-spacing:-.03em;margin:0;font-size:1.3rem}.study-editor-heading .icon-button{min-width:34px;min-height:34px}.subject-editor-preview{align-items:center;gap:14px;display:flex}.subject-editor-preview>span{border-radius:17px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.subject-editor-preview label{min-width:0;color:var(--workspace-muted);flex:1;gap:7px;font-size:.74rem;display:grid}.study-editor-section{border:0;min-width:0;margin:22px 0 0;padding:0}.study-editor-section legend{color:var(--workspace-muted);margin-bottom:10px;font-size:.76rem;font-weight:600}.subject-color-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.subject-color-swatch{aspect-ratio:1;border:2px solid #0000;border-radius:10px;place-items:center;width:100%;transition:transform .12s;display:grid}.subject-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--workspace-panel), 0 0 0 3px var(--workspace-text)}.subject-color-swatch:hover{transform:translateY(-2px)}.subject-custom-color{color:var(--workspace-muted);align-items:center;gap:10px;margin-top:13px;font-size:.74rem;display:flex}.subject-custom-color input{border:1px solid var(--workspace-line-strong);cursor:pointer;background:0 0;border-radius:8px;width:32px;height:30px;padding:2px}.subject-custom-color output{color:var(--workspace-dim);font-family:var(--font-mono);margin-left:auto;font-size:.68rem}.subject-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.subject-icon-option{border:1px solid var(--workspace-line);min-height:62px;color:var(--workspace-muted);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 3px;display:flex}.subject-icon-option span{font-size:.59rem}.subject-icon-option:hover{border-color:var(--workspace-line-strong);background:var(--workspace-card)}.subject-icon-option[aria-pressed=true]{color:var(--workspace-text);border-color:var(--workspace-dusk);background:color-mix(in srgb, var(--workspace-dusk) 14%, transparent)}.subject-icon-option[aria-pressed=true] svg{color:var(--workspace-dusk)}.goal-duration-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.goal-duration-fields label{color:var(--workspace-muted);gap:7px;font-size:.74rem;display:grid}.study-editor .form-grid>.study-editor-section{margin-top:2px}.goal-target-preview{color:var(--workspace-text);background:color-mix(in srgb, var(--workspace-dusk) 12%, transparent);text-align:center;border-radius:12px;margin:18px 0 0;padding:14px;font-size:.95rem}.study-editor-error{color:var(--danger);font-size:.78rem}.study-editor .modal-actions{margin-top:22px}@media (max-width:480px){.app-canvas .study-editor-backdrop{padding:12px}.app-canvas .study-editor{max-height:calc(100dvh - 24px);padding:20px}.subject-color-grid,.subject-icon-grid{gap:6px}.subject-icon-option span{font-size:.55rem}}
.app-canvas{--day-deep:#eeeae4;--day-panel:#f7f4ef;--day-card:#fffcf8;--day-raised:#e9e3f3;--day-text:#302d40;--day-muted:#635f74;--day-dim:#756f81;--day-line:#3930451c;--day-line-strong:#39304533;--page-wash:radial-gradient(ellipse at 18% 0%, #8f81e01c, transparent 60%), var(--workspace-deep);--rail-surface:var(--workspace-panel);--companion-surface:var(--workspace-panel);--group-surface:var(--workspace-card);--panel-shadow:0 20px 50px #0005;--soft-elevation:none}.app-canvas.color-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page-wash);--workspace-deep:var(--day-deep);--workspace-panel:var(--day-panel);--workspace-card:var(--day-card);--workspace-card-raised:var(--day-raised);--workspace-text:var(--day-text);--workspace-muted:var(--day-muted);--workspace-dim:var(--day-dim);--workspace-line:var(--day-line);--workspace-line-strong:var(--day-line-strong);--workspace-dusk:#7862ba;--workspace-sage:#397459;--mint:#397459;--workspace-ember:#e2a468;--workspace-rain:#476b93;--ink:var(--day-text);--muted:var(--day-muted);--faint:var(--day-dim);--surface-solid:var(--day-card);--surface:var(--day-card);--surface-soft:#ede7e0;--line:var(--day-line);--line-strong:var(--day-line-strong);--page-wash:radial-gradient(ellipse at 4% 0%, #cfc0ed66, transparent 55%), radial-gradient(ellipse at 95% 100%, #cbdccb55, transparent 55%), #eeeae4;--rail-surface:linear-gradient(165deg, #e8e1f0, #ece9e2 75%);--companion-surface:linear-gradient(160deg, #ede6f2, #f3efe7 45%, #e7ede4);--group-surface:linear-gradient(120deg, #f7f1fc, #fdf9f1);--panel-shadow:0 24px 60px #25173730, 0 3px 10px #25173712;--soft-elevation:0 3px 12px #48375908, inset 0 1px 0 #ffffffb3}@media (prefers-color-scheme:light){.app-canvas.color-system{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page-wash);--workspace-deep:var(--day-deep);--workspace-panel:var(--day-panel);--workspace-card:var(--day-card);--workspace-card-raised:var(--day-raised);--workspace-text:var(--day-text);--workspace-muted:var(--day-muted);--workspace-dim:var(--day-dim);--workspace-line:var(--day-line);--workspace-line-strong:var(--day-line-strong);--workspace-dusk:#7862ba;--workspace-sage:#397459;--mint:#397459;--workspace-ember:#e2a468;--workspace-rain:#476b93;--ink:var(--day-text);--muted:var(--day-muted);--faint:var(--day-dim);--surface-solid:var(--day-card);--surface:var(--day-card);--surface-soft:#ede7e0;--line:var(--day-line);--line-strong:var(--day-line-strong);--page-wash:radial-gradient(ellipse at 4% 0%, #cfc0ed66, transparent 55%), radial-gradient(ellipse at 95% 100%, #cbdccb55, transparent 55%), #eeeae4;--rail-surface:linear-gradient(165deg, #e8e1f0, #ece9e2 75%);--companion-surface:linear-gradient(160deg, #ede6f2, #f3efe7 45%, #e7ede4);--group-surface:linear-gradient(120deg, #f7f1fc, #fdf9f1);--panel-shadow:0 24px 60px #25173730, 0 3px 10px #25173712;--soft-elevation:0 3px 12px #48375908, inset 0 1px 0 #ffffffb3}}.app-canvas{color:var(--workspace-text);--control-deep:var(--workspace-deep);--control-panel:var(--workspace-panel);--control-card:var(--workspace-card);--control-raised:var(--workspace-card-raised);--control-text:var(--workspace-text);--control-muted:var(--workspace-muted);--control-dim:var(--workspace-dim);--control-line:var(--workspace-line);--control-line-strong:var(--workspace-line-strong);--control-accent:var(--workspace-dusk);--control-sage:var(--workspace-sage);background:var(--page-wash)}.app-canvas .nav-layout>.side-nav{background:var(--rail-surface)}.app-canvas .study-companions{background:var(--companion-surface)}.app-canvas .study-current-group{background:var(--group-surface);box-shadow:var(--soft-elevation);border-color:var(--workspace-line-strong)}.app-canvas .main-panel .soft-card,.app-canvas .group-directory-card{background:var(--workspace-card);box-shadow:var(--soft-elevation)}.app-canvas .study-companions .room-peer-pod{background:color-mix(in srgb, var(--workspace-card) 65%, transparent);box-shadow:var(--soft-elevation)}.app-canvas .study-companions .room-chat-drawer{box-shadow:none;background:color-mix(in srgb, var(--workspace-card-raised) 50%, var(--workspace-card))}.app-canvas .study-current-group .group-card-icon{background:color-mix(in srgb, var(--workspace-dusk) 15%, transparent)}.app-canvas .study-companions-heading h2{font-weight:650}.app-canvas .focus-settings-overlay{--workspace-deep:var(--control-deep);--workspace-panel:var(--control-panel);--workspace-card:var(--control-card);--workspace-card-raised:var(--control-raised);--workspace-text:var(--control-text);--workspace-muted:var(--control-muted);--workspace-dim:var(--control-dim);--workspace-line:var(--control-line);--workspace-line-strong:var(--control-line-strong);--workspace-dusk:var(--control-accent);--workspace-sage:var(--control-sage);border-color:var(--workspace-line-strong);background:var(--workspace-panel);box-shadow:var(--soft-elevation);border-radius:17px;transition:border-color .16s,box-shadow .16s}.app-canvas .focus-settings-overlay:hover,.app-canvas .focus-settings-overlay[open]{border-color:var(--workspace-dusk)}.app-canvas .focus-settings-overlay>summary{border-radius:inherit;border:0;gap:12px;min-height:66px;padding:12px 15px}.app-canvas .focus-trigger-icon{width:38px;height:38px;color:var(--workspace-dusk);background:color-mix(in srgb, var(--workspace-dusk) 12%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.app-canvas .focus-trigger-copy{flex:1;gap:4px;min-width:0;display:grid}.app-canvas .focus-trigger-copy strong{color:var(--workspace-text);font-size:.78rem;font-weight:650}.app-canvas .focus-trigger-copy small{color:var(--workspace-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:400;overflow:hidden}.app-canvas .focus-trigger-chevron{margin-left:auto;transition:transform .18s}.app-canvas .focus-settings-overlay[open] .focus-trigger-chevron{transform:rotate(180deg)}.app-canvas .focus-settings-overlay-body{background:var(--workspace-panel);width:min(408px,100vw - 44px);max-height:min(580px,100svh - 150px);box-shadow:var(--panel-shadow);border-radius:22px;bottom:calc(100% + 12px)}.app-canvas .focus-settings-overlay .focus-card{padding:22px}.app-canvas .focus-settings-overlay .focus-card-heading{align-items:flex-start;margin-bottom:20px}.app-canvas .focus-settings-overlay .focus-card-heading h2{letter-spacing:-.03em;color:var(--workspace-text);margin:5px 0 0;font-size:1.15rem;font-weight:650}.app-canvas .focus-panel-eyebrow{color:var(--workspace-dusk);letter-spacing:.16em;font-size:.55rem;font-weight:700}.app-canvas .focus-settings-overlay .icon-button{border:1px solid var(--workspace-line);color:var(--workspace-muted);background:var(--workspace-card)}.app-canvas .focus-settings-overlay .icon-button:hover{color:var(--workspace-text);border-color:var(--workspace-dusk)}.app-canvas .focus-mode-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-canvas .focus-mode-option{border:1px solid var(--workspace-line-strong);color:var(--workspace-muted);background:var(--workspace-card);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 12px 13px;display:flex;position:relative}.app-canvas .focus-mode-option>svg{color:var(--workspace-dusk);margin-bottom:2px}.app-canvas .focus-mode-option strong{color:var(--workspace-text);font-size:.78rem;font-weight:650}.app-canvas .focus-mode-option small{font-size:.61rem;line-height:1.4}.app-canvas .focus-mode-option[aria-pressed=true]{border-color:var(--workspace-dusk);background:color-mix(in srgb, var(--workspace-dusk) 12%, var(--workspace-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--workspace-dusk) 25%, transparent)}.app-canvas .focus-mode-check{border:1px solid var(--workspace-line-strong);border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:14px;right:12px}.app-canvas .focus-mode-option[aria-pressed=true] .focus-mode-check{color:#fff;background:var(--workspace-dusk);border-color:var(--workspace-dusk)}.app-canvas .focus-field-label{color:var(--workspace-muted);margin:21px 0 9px;font-size:.72rem;font-weight:550;display:block}.app-canvas .focus-subject-row{align-items:center;gap:8px;margin:0;display:flex}.app-canvas .focus-subject-select{border:1px solid var(--workspace-line-strong);background:var(--workspace-card);min-width:0;height:44px;color:var(--workspace-text);border-radius:10px;flex:1;gap:10px;padding:0 12px 0 8px;font-size:.8rem;font-weight:500}.app-canvas .focus-subject-select [data-slot=select-value]{text-align:left;flex:1;min-width:0}.app-canvas .focus-subject-option{align-items:center;gap:10px;min-width:0;display:flex}.app-canvas .focus-subject-option>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-canvas .focus-subject-icon{border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.app-canvas .focus-add-subject{border:1px solid var(--workspace-line-strong);background:var(--workspace-card);width:44px;height:44px;color:var(--workspace-muted);border-radius:10px;padding:0}.app-canvas .focus-subject-select:hover,.app-canvas .focus-add-subject:hover{border-color:var(--workspace-dusk);background:var(--workspace-card-raised)}.app-canvas .focus-subject-select:focus-visible,.app-canvas .focus-add-subject:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:2px;box-shadow:none}.app-canvas .focus-subject-menu{width:var(--radix-select-trigger-width);max-height:min(300px, var(--radix-select-content-available-height));border:1px solid var(--workspace-line-strong);color:var(--workspace-text);background:var(--workspace-card);box-shadow:var(--panel-shadow);border-radius:12px;padding:4px}.app-canvas .focus-subject-menu [data-slot=select-item]{border-radius:8px;min-height:42px;padding:6px 30px 6px 6px;font-size:.8rem}.app-canvas .focus-subject-menu [data-slot=select-item][data-highlighted]{background:var(--workspace-card-raised);outline:none}@media (prefers-reduced-motion:reduce){.focus-subject-menu{animation:none!important}}.app-canvas .focus-session-note{color:var(--workspace-muted);align-items:center;gap:7px;margin:12px 0 0;font-size:.65rem;line-height:1.5;display:flex}.app-canvas .focus-session-note svg{color:var(--workspace-sage);flex-shrink:0}.app-canvas .focus-duration-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.app-canvas .focus-duration-settings label{color:var(--workspace-muted);font-size:.61rem}.app-canvas .focus-duration-settings label>span{color:var(--workspace-dim);font-size:.55rem}.app-canvas .focus-duration-settings input{border:1px solid var(--workspace-line-strong);width:100%;color:var(--workspace-text);background:var(--workspace-card);font-variant-numeric:tabular-nums;border-radius:10px;margin-top:7px;padding:10px;font-size:.85rem}.app-canvas .focus-settings-overlay .focus-theme-control{margin-top:20px;padding-top:16px}.app-canvas .focus-settings-overlay .video-theme-trigger,.app-canvas .focus-settings-overlay .video-theme-audio{background:var(--workspace-card);min-height:44px;font-weight:500}.app-canvas .focus-settings-overlay .video-theme-trigger-label{letter-spacing:.04em;font-size:.57rem}.app-canvas .focus-settings-overlay .video-theme-trigger-value{font-weight:550}@media (max-width:780px){.app-canvas .focus-settings-overlay>summary{gap:8px;min-height:56px;padding:9px 10px}.app-canvas .focus-trigger-icon{border-radius:9px;width:30px;height:30px}.app-canvas .focus-trigger-copy strong{font-size:.69rem}.app-canvas .focus-trigger-copy small{font-size:.55rem}.app-canvas .focus-trigger-chevron{width:13px}.app-canvas .focus-settings-overlay .focus-card{padding:18px}.app-canvas .focus-settings-overlay-body{max-height:calc(100svh - 190px)}.app-canvas .focus-settings-overlay .focus-settings-overlay-body{width:auto;max-height:calc(100svh - 160px);position:fixed;inset:80px 12px auto}.app-canvas .focus-settings-overlay .focus-card-heading{z-index:1;background:var(--workspace-panel);border-bottom:1px solid var(--workspace-line);margin:-18px -18px 18px;padding:18px;position:sticky;top:-18px}}.app-canvas .focus-settings-overlay[open]{z-index:3}.app-canvas .focus-settings-overlay-body{z-index:4}