.app-canvas:has(.focus-view-container:not([hidden])){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 12px;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);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.app-canvas .study-current-group-actions .ghost-button{gap:8px;min-height:36px;padding:7px 14px;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}}.focus-view-container{display:contents}.focus-view-container[hidden]{display:none!important}.profile-avatar-art{border-radius:inherit;background:linear-gradient(145deg,#ffffff35,#563b9326);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.profile-avatar-art img{object-fit:cover;width:100%;height:100%}.profile-avatar-initials{font-family:var(--font-body);letter-spacing:-.04em;color:#322449;font-size:.78em;font-weight:700}.profile-avatar .profile-avatar-initials{font-size:1.1rem}
.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}.app-canvas [data-slot=alert-dialog-overlay]{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08081280}.app-canvas .confirmation-dialog{z-index:201;border:1px solid var(--workspace-line-strong);background:var(--workspace-card);width:calc(100vw - 32px);max-width:420px;color:var(--workspace-text);box-shadow:var(--panel-shadow);border-radius:22px;gap:24px;padding:24px}.app-canvas .confirmation-dialog [data-slot=alert-dialog-header]{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;display:flex}.app-canvas .confirmation-icon{color:#c54059;background:#c5405914;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.app-canvas .confirmation-dialog [data-slot=alert-dialog-title]{color:var(--workspace-text);overflow-wrap:anywhere;margin:0;font-size:1.2rem;font-weight:650}.app-canvas .confirmation-dialog [data-slot=alert-dialog-description]{color:var(--workspace-muted);margin:0;font-size:.85rem;line-height:1.65}.app-canvas .confirmation-dialog [data-slot=alert-dialog-footer]{border-top:1px solid var(--workspace-line);background:0 0;flex-flow:wrap;justify-content:flex-end;gap:10px;margin:0;padding:18px 0 0;display:flex}.app-canvas .confirmation-dialog button{border:1px solid var(--workspace-line-strong);background:var(--workspace-card-raised);min-height:42px;color:var(--workspace-text);border-radius:11px;padding:10px 18px;font-size:.8rem;font-weight:600}.app-canvas .confirmation-dialog button:hover{filter:brightness(.96)}.app-canvas .confirmation-dialog .confirmation-delete{color:#fff;background:#b8354c;border-color:#b8354c}.app-canvas .confirmation-dialog button:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:3px;box-shadow:none}@media (prefers-reduced-motion:reduce){.app-canvas [data-slot=alert-dialog-overlay],.app-canvas .confirmation-dialog{transition:none;animation:none}}
.app-canvas .animated-number,.app-canvas .animated-number span{color:inherit;font:inherit;letter-spacing:inherit}.app-canvas .animated-number{white-space:pre;font-variant-numeric:tabular-nums;align-items:baseline;display:inline-flex}.app-canvas .number-digit{flex-shrink:0;width:1ch;height:1.2em;line-height:1.2;display:inline-block;position:relative;overflow:clip}.app-canvas .number-current{display:block}.app-canvas .number-previous{pointer-events:none;display:none;position:absolute;inset:0}.app-canvas .number-previous:before{content:attr(data-digit)}@media (prefers-reduced-motion:no-preference){.app-canvas{--motion-enter:cubic-bezier(.16, 1, .3, 1)}.app-canvas .animated-number{--number-enter:100%;--number-exit:-100%}.app-canvas .animated-number[data-direction=down]{--number-enter:-100%;--number-exit:100%}.app-canvas .number-digit[data-changing] .number-current{animation:.22s cubic-bezier(.2,.7,.3,1) number-roll-in}.app-canvas .number-digit[data-changing] .number-previous{animation:.22s cubic-bezier(.2,.7,.3,1) forwards number-roll-out;display:block}.app-canvas .main-panel>.page-wide,.app-canvas .study-heading,.app-canvas .study-companions-heading{animation:workspace-arrive .24s var(--motion-enter) backwards}.app-canvas .study-today{animation:workspace-arrive .26s 35ms var(--motion-enter) backwards;transition:border-color .18s,background-color .18s}.app-canvas .stats-overview>*{animation:workspace-arrive .24s var(--motion-enter) backwards}.app-canvas .stats-overview>:nth-child(2){animation-delay:30ms}.app-canvas .stats-overview>:nth-child(3){animation-delay:60ms}.app-canvas .stats-overview>:nth-child(4){animation-delay:90ms}.app-canvas .focus-settings-overlay[open] .focus-settings-overlay-body{transform-origin:bottom;animation:workspace-panel-in .2s var(--motion-enter)}.app-canvas .modal-backdrop{animation:.15s ease-out workspace-fade-in}.app-canvas .modal-backdrop>.modal{animation:workspace-panel-in .24s var(--motion-enter)}.app-canvas .focus-mode-option,.app-canvas .group-directory-card,.app-canvas .subject-legend-row{transition:transform .16s var(--motion-enter), border-color .16s, background-color .16s, box-shadow .16s}.app-canvas .focus-mode-option:active{transform:scale(.98)}.app-canvas .focus-mode-check>svg,.app-canvas .study-toggle>svg{animation:workspace-icon-pop .24s var(--motion-enter)}.app-canvas .study-today[data-complete=true] .study-progress-status>svg{animation:workspace-icon-pop .36s var(--motion-enter)}.app-canvas .focus-trigger-icon>svg,.app-canvas .timer-mode-toggle>svg:last-child,.app-canvas .focus-add-subject>svg,.app-canvas .focus-subject-select>svg{transition:transform .18s var(--motion-enter)}.app-canvas .focus-subject-select[data-state=open]>svg{transform:rotate(180deg)}.app-canvas .focus-settings-overlay[open] .focus-trigger-icon>svg{transform:rotate(-12deg)}.app-canvas .nav-button>svg{transition:transform .18s var(--motion-enter)}.app-canvas .focus-room-dashboard .study-toggle{isolation:isolate;transition:transform .14s var(--motion-enter), box-shadow .18s;position:relative;overflow:hidden}.app-canvas .study-toggle:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 25%,#ffffff40 50%,#0000 75%);position:absolute;inset:0;transform:translate(-120%)}.app-canvas .focus-room-dashboard .study-toggle:active{transform:scale(.97)}.app-canvas .focus-stage-running .timer-orb-halo{animation:4s ease-in-out infinite workspace-timer-breathe}.app-canvas .study-today[data-complete=true] .progress-track{animation:.65s ease-out workspace-goal-glow}@media (hover:hover) and (pointer:fine){.app-canvas .focus-room-dashboard .study-toggle:hover{box-shadow:0 7px 22px color-mix(in srgb, var(--workspace-dusk) 28%, transparent);transform:translateY(-2px)}.app-canvas .study-toggle:hover:after{animation:.45s ease-out workspace-button-shine}.app-canvas .focus-room-dashboard .study-toggle:hover:active{transform:scale(.97)}.app-canvas .focus-mode-option:hover,.app-canvas .group-directory-card:hover{transform:translateY(-2px)}.app-canvas .subject-legend-row:hover{transform:translate(3px)}.app-canvas .focus-add-subject:hover>svg{transform:rotate(90deg)}.app-canvas .timer-mode-toggle:hover>svg:last-child{transform:rotate(180deg)}.app-canvas .nav-button:hover>svg{transform:translateY(-2px)}}@media (max-width:780px){.app-canvas .focus-settings-overlay[open] .focus-settings-overlay-body{transform-origin:top}}}@keyframes number-roll-in{0%{transform:translateY(var(--number-enter));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes number-roll-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--number-exit));opacity:0}}@keyframes workspace-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes workspace-fade-in{0%{opacity:0}to{opacity:1}}@keyframes workspace-panel-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes workspace-icon-pop{0%{opacity:0;transform:scale(.65)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes workspace-button-shine{to{transform:translate(120%)}}@keyframes workspace-timer-breathe{0%,to{opacity:.45;transform:scale(.97)}50%{opacity:.8;transform:scale(1.025)}}@keyframes workspace-goal-glow{0%,to{box-shadow:0 0 #0000}40%{box-shadow:0 0 0 5px color-mix(in srgb, var(--workspace-sage) 20%, transparent)}}
.app-canvas.vibe-lofi,.appearance-preset[data-preset=lofi]{--appearance-dark-deep:#100f1b;--appearance-dark-panel:#171523;--appearance-dark-card:#201d30;--appearance-dark-raised:#302a45;--appearance-dark-text:#eee8f5;--appearance-dark-muted:#b0a5c1;--appearance-dark-dim:#9d91af;--appearance-dark-accent:#bea8ef;--appearance-dark-sage:#96c6b0;--appearance-light-deep:#eee8f2;--appearance-light-panel:#f6f1f9;--appearance-light-card:#fffbff;--appearance-light-raised:#e8def2;--appearance-light-text:#352a43;--appearance-light-muted:#6d5d7d;--appearance-light-dim:#7d6c8d;--appearance-light-accent:#77549e;--appearance-light-sage:#397b62;--appearance-heading-font:"Avenir Next", Inter, ui-sans-serif, sans-serif;--appearance-heading-weight:650;--appearance-card-radius:19px;--appearance-button-radius:12px;--brand-rgb:190, 168, 239}.app-canvas.vibe-academic,.appearance-preset[data-preset=academic]{--appearance-dark-deep:#171812;--appearance-dark-panel:#20221a;--appearance-dark-card:#292c22;--appearance-dark-raised:#373c2d;--appearance-dark-text:#ecebdc;--appearance-dark-muted:#b6b7a0;--appearance-dark-dim:#a1a58c;--appearance-dark-accent:#d1bf85;--appearance-dark-sage:#a4bb93;--appearance-light-deep:#eee7d5;--appearance-light-panel:#f5efdf;--appearance-light-card:#fffbef;--appearance-light-raised:#e8dfc9;--appearance-light-text:#363c2b;--appearance-light-muted:#646b52;--appearance-light-dim:#75795f;--appearance-light-accent:#626f3f;--appearance-light-sage:#4e7550;--appearance-heading-font:Georgia, "Times New Roman", serif;--appearance-heading-weight:600;--appearance-card-radius:9px;--appearance-button-radius:7px;--brand-rgb:209, 191, 133}.app-canvas.vibe-playful,.appearance-preset[data-preset=playful]{--appearance-dark-deep:#181126;--appearance-dark-panel:#241a35;--appearance-dark-card:#30213f;--appearance-dark-raised:#423054;--appearance-dark-text:#fff0f7;--appearance-dark-muted:#c7b0ce;--appearance-dark-dim:#b49abe;--appearance-dark-accent:#f49bbe;--appearance-dark-sage:#adbcfc;--appearance-light-deep:#fce8f0;--appearance-light-panel:#fff2f6;--appearance-light-card:#fffafd;--appearance-light-raised:#f5daec;--appearance-light-text:#422840;--appearance-light-muted:#845875;--appearance-light-dim:#926782;--appearance-light-accent:#b73775;--appearance-light-sage:#6366bb;--appearance-heading-font:ui-rounded, "Trebuchet MS", "Avenir Next", sans-serif;--appearance-heading-weight:750;--appearance-card-radius:27px;--appearance-button-radius:999px;--brand-rgb:244, 155, 190}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful){--appearance-deep:var(--appearance-dark-deep);--appearance-panel:var(--appearance-dark-panel);--appearance-card:var(--appearance-dark-card);--appearance-raised:var(--appearance-dark-raised);--appearance-text:var(--appearance-dark-text);--appearance-muted:var(--appearance-dark-muted);--appearance-dim:var(--appearance-dark-dim);--appearance-accent:var(--appearance-dark-accent);--appearance-sage:var(--appearance-dark-sage);--appearance-on-accent:#211b2b;--appearance-tint:#ac8bd0;--appearance-tint-strength:13%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--workspace-deep:var(--appearance-deep);--workspace-panel:var(--appearance-panel);--workspace-card:var(--appearance-card);--workspace-card-raised:var(--appearance-raised);--workspace-text:var(--appearance-text);--workspace-muted:var(--appearance-muted);--workspace-dim:var(--appearance-dim);--workspace-dusk:var(--appearance-accent);--workspace-sage:var(--appearance-sage);--workspace-line:color-mix(in srgb, var(--appearance-text) 11%, transparent);--workspace-line-strong:color-mix(in srgb, var(--appearance-text) 21%, transparent);--brand:var(--appearance-accent);--mint:var(--appearance-sage);--ink:var(--appearance-text);--muted:var(--appearance-muted);--faint:var(--appearance-dim);--canvas:var(--appearance-deep);--canvas-deep:var(--appearance-deep);--surface:var(--appearance-card);--surface-solid:var(--appearance-card);--surface-soft:var(--appearance-raised);--line:var(--workspace-line);--line-strong:var(--workspace-line-strong);--font-display:var(--appearance-heading-font);--page-wash:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--appearance-tint) var(--appearance-tint-strength), transparent), transparent 70%), var(--workspace-deep);--rail-surface:var(--workspace-panel);--companion-surface:linear-gradient(155deg, color-mix(in srgb, var(--appearance-accent) 7%, var(--workspace-panel)), var(--workspace-panel));--group-surface:var(--workspace-card);--soft-elevation:0 3px 14px #00000008;background:var(--page-wash)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful).color-light{--appearance-deep:var(--appearance-light-deep);--appearance-panel:var(--appearance-light-panel);--appearance-card:var(--appearance-light-card);--appearance-raised:var(--appearance-light-raised);--appearance-text:var(--appearance-light-text);--appearance-muted:var(--appearance-light-muted);--appearance-dim:var(--appearance-light-dim);--appearance-accent:var(--appearance-light-accent);--appearance-sage:var(--appearance-light-sage);--appearance-on-accent:#fff;--appearance-tint-strength:16%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful).color-system{--appearance-deep:var(--appearance-light-deep);--appearance-panel:var(--appearance-light-panel);--appearance-card:var(--appearance-light-card);--appearance-raised:var(--appearance-light-raised);--appearance-text:var(--appearance-light-text);--appearance-muted:var(--appearance-light-muted);--appearance-dim:var(--appearance-light-dim);--appearance-accent:var(--appearance-light-accent);--appearance-sage:var(--appearance-light-sage);--appearance-on-accent:#fff;--appearance-tint-strength:16%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.app-canvas.background-ocean{--appearance-tint:#4aabba}.app-canvas.background-ember{--appearance-tint:#d29463}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) :is(h1,h2,h3){font-family:var(--appearance-heading-font);font-weight:var(--appearance-heading-weight)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) :is(.soft-card,.metric-card,.study-current-group,.room-peer-pod,.group-directory-card,.focus-settings-overlay-body){border-radius:var(--appearance-card-radius)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) :is(.primary-button,.secondary-button,.ghost-button){border-radius:var(--appearance-button-radius)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .primary-button{color:var(--appearance-on-accent);background:var(--workspace-dusk)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .nav-button.active{color:var(--workspace-dusk);border-color:color-mix(in srgb, var(--workspace-dusk) 35%, transparent);background:color-mix(in srgb, var(--workspace-dusk) 16%, transparent)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .topbar-icon{color:var(--workspace-dusk);border-color:var(--workspace-line-strong);background:color-mix(in srgb, var(--workspace-dusk) 12%, transparent)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .segmented-control button.active,.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .chart-range button.active{color:var(--appearance-on-accent);background:var(--workspace-dusk);box-shadow:none}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .focus-stage:not(:has(.focus-youtube-background)){background:var(--page-wash)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .focus-stage:has(.focus-youtube-background){--workspace-deep:var(--appearance-dark-deep);--workspace-panel:var(--appearance-dark-panel);--workspace-card:var(--appearance-dark-card);--workspace-card-raised:var(--appearance-dark-raised);--workspace-dusk:var(--appearance-dark-accent);--workspace-sage:var(--appearance-dark-sage);--workspace-text:var(--appearance-dark-text);--workspace-muted:var(--appearance-dark-muted);--workspace-dim:var(--appearance-dark-dim);--appearance-on-accent:#211b2b}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .focus-settings-overlay{--appearance-on-accent:var(--control-on-accent);color:var(--workspace-text)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful) .focus-mode-option[aria-pressed=true] .focus-mode-check{color:var(--appearance-on-accent)}.app-canvas:is(.vibe-lofi,.vibe-academic,.vibe-playful){--control-on-accent:var(--appearance-on-accent)}.settings-appearance-card>.section-heading p{margin:7px 0 0;font-size:.75rem;font-weight:400}.appearance-controls{padding-top:10px}.appearance-controls h3,.appearance-video-heading h3{margin:0;font-size:.83rem;line-height:1.4}.appearance-controls p,.appearance-video-heading p{color:var(--workspace-muted);margin:5px 0 0;font-size:.7rem;line-height:1.6}.appearance-mode-row,.appearance-tint-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.appearance-modes{border:1px solid var(--workspace-line);background:var(--workspace-deep);border-radius:12px;gap:3px;padding:4px;display:flex}.appearance-modes button{min-height:36px;color:var(--workspace-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.71rem;font-weight:550;display:inline-flex}.appearance-modes button[aria-pressed=true]{color:var(--workspace-text);background:var(--workspace-card-raised);border-color:var(--workspace-line-strong);box-shadow:0 2px 5px #00000008}.appearance-modes button:hover{color:var(--workspace-text)}.appearance-style-heading{border-top:1px solid var(--workspace-line);justify-content:space-between;align-items:center;gap:15px;margin:26px 0 15px;padding-top:24px;display:flex}.appearance-applied{color:var(--workspace-sage);flex-shrink:0;align-items:center;gap:5px;font-size:.62rem;display:inline-flex}.appearance-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.appearance-preset{border:1px solid var(--workspace-line-strong);text-align:left;min-width:0;color:var(--workspace-text);background:0 0;border-radius:14px;padding:8px 8px 13px}.appearance-preset:hover{border-color:var(--workspace-dusk)}.appearance-preset:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:4px}.appearance-preset[aria-pressed=true]{border-color:var(--workspace-dusk);box-shadow:0 0 0 1px var(--workspace-dusk);background:color-mix(in srgb, var(--workspace-dusk) 5%, transparent)}.appearance-preset-label{align-items:center;gap:6px;margin:12px 3px 7px;display:flex}.appearance-preset-label>svg{color:var(--workspace-muted);flex-shrink:0}.appearance-preset-label strong{font-family:var(--font-body);font-size:.76rem;font-weight:600}.appearance-preset-check{border:1px solid var(--workspace-line-strong);border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-left:auto;display:grid}.appearance-preset[aria-pressed=true] .appearance-preset-check{border-color:var(--workspace-dusk);background:var(--workspace-dusk);color:var(--appearance-on-accent)}.appearance-preset-description,.appearance-preset-detail{color:var(--workspace-muted);margin:0 3px;font-size:.61rem;line-height:1.6;display:block}.appearance-preset-detail{color:var(--workspace-dim);margin-top:9px;font-size:.52rem}.appearance-controls .appearance-hint{align-items:center;gap:6px;margin-top:12px;font-size:.65rem;display:flex}.appearance-preset{--sample-deep:var(--appearance-dark-deep);--sample-card:var(--appearance-dark-card);--sample-panel:var(--appearance-dark-panel);--sample-text:var(--appearance-dark-text);--sample-accent:var(--appearance-dark-accent);--sample-sage:var(--appearance-dark-sage)}.app-canvas.color-light .appearance-preset{--sample-deep:var(--appearance-light-deep);--sample-card:var(--appearance-light-card);--sample-panel:var(--appearance-light-panel);--sample-text:var(--appearance-light-text);--sample-accent:var(--appearance-light-accent);--sample-sage:var(--appearance-light-sage)}@media (prefers-color-scheme:light){.app-canvas.color-system .appearance-preset{--sample-deep:var(--appearance-light-deep);--sample-card:var(--appearance-light-card);--sample-panel:var(--appearance-light-panel);--sample-text:var(--appearance-light-text);--sample-accent:var(--appearance-light-accent);--sample-sage:var(--appearance-light-sage)}}.appearance-sample{border:1px solid color-mix(in srgb, var(--sample-text) 9%, transparent);background:var(--sample-deep);height:116px;color:var(--sample-text);border-radius:8px;grid-template-columns:20px 1fr;display:grid;overflow:hidden}.appearance-sample-rail{background:var(--sample-panel);color:var(--sample-accent);flex-direction:column;align-items:center;gap:12px;padding-top:12px;display:flex}.appearance-sample-rail i{opacity:.45;border:1px solid;border-radius:2px;width:6px;height:6px}.appearance-sample-page{flex-direction:column;gap:9px;min-width:0;padding:11px 10px;display:flex}.appearance-sample-title{font-family:var(--appearance-heading-font);font-size:.55rem;font-weight:var(--appearance-heading-weight);white-space:nowrap}.appearance-sample-card{border-radius:min(var(--appearance-card-radius), 17px);background:var(--sample-card);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.appearance-sample-card>span{font-family:var(--font-mono);font-size:.88rem}.appearance-sample-card>i{border-radius:var(--appearance-button-radius);background:var(--sample-accent);width:36px;height:6px}.appearance-sample-colors{justify-content:center;gap:4px;display:flex}.appearance-sample-colors i{background:var(--sample-accent);border-radius:50%;width:5px;height:5px}.appearance-sample-colors i:nth-child(2){background:var(--sample-sage)}.appearance-sample-colors i:nth-child(3){background:color-mix(in srgb, var(--sample-text) 40%, var(--sample-panel))}.appearance-tint-row{border-top:1px solid var(--workspace-line);margin-top:24px;padding-top:22px}.appearance-tints{flex-wrap:wrap;gap:7px;display:flex}.appearance-tints .appearance-tint{border:1px solid var(--workspace-line);background:var(--workspace-panel);min-height:36px;color:var(--workspace-muted);text-transform:capitalize;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:.65rem;display:inline-flex}.appearance-tint>i{background:#ac8bd0;border-radius:50%;width:11px;height:11px}.appearance-tint[data-tint=ocean]>i{background:#4aabba}.appearance-tint[data-tint=ember]>i{background:#d29463}.appearance-tint .appearance-tint-check{visibility:hidden;width:12px;height:12px}.appearance-tint[aria-pressed=true] .appearance-tint-check{visibility:visible}.appearance-tints .appearance-tint[aria-pressed=true]{color:var(--workspace-text);border-color:var(--workspace-dusk);background:var(--workspace-card-raised)}.appearance-video-heading{border-top:1px solid var(--workspace-line);justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:22px;display:flex}.appearance-video-heading p{max-width:380px}.appearance-video-heading button{flex-shrink:0;min-height:36px;padding-inline:12px;font-size:.7rem}.appearance-video-url{margin-top:15px}.appearance-video-url>span{color:var(--workspace-muted);font-size:.68rem}@media (prefers-reduced-motion:no-preference){.appearance-preset{transition:border-color .16s,box-shadow .16s,background-color .16s}.appearance-preset-check{transition:background-color .16s}}@media (max-width:600px){.appearance-style-heading{flex-direction:column;align-items:flex-start;gap:9px}.appearance-presets{gap:8px}.appearance-preset{border-radius:11px;padding:5px 5px 10px}.appearance-preset-label{gap:4px;margin-inline:1px}.appearance-preset-label>svg{display:none}.appearance-preset-label strong{font-size:.65rem}.appearance-preset-description{font-size:.57rem}.appearance-preset-detail{display:none}.appearance-sample{grid-template-columns:14px 1fr;height:92px}.appearance-sample-page{gap:6px;padding:9px 5px}.appearance-sample-title{font-size:.44rem}.appearance-sample-card>span{font-size:.7rem}.appearance-sample-card>i{width:26px;height:5px}.appearance-video-heading{flex-direction:column;align-items:flex-start;gap:12px}}
.app-canvas.landing-page{--lp-text:#eeeae2;--lp-muted:#a6a3b5;--lp-line:#e7dcff16;--lp-purple:#c7b4f4;--lp-green:#b8d5ba;color:var(--lp-text);font-family:var(--font-body);background:radial-gradient(65% 28% at 50% 18%,#66507520,#0000 80%),#101018;overflow:clip}.lp-container{width:min(1200px,100% - 80px);margin-inline:auto}.landing-page a{text-decoration:none}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid var(--lp-purple);outline-offset:5px}.lp-skip{z-index:100;color:#101018;background:var(--lp-purple);border-radius:12px;padding:12px 20px;position:fixed;top:-100px;left:20px}.lp-skip:focus{top:16px}.lp-nav{border-bottom:1px solid var(--lp-line);justify-content:space-between;align-items:center;gap:28px;min-height:104px;display:flex}.lp-brand{color:var(--lp-text);flex-shrink:0}.lp-brand .brand-word{letter-spacing:-.07em;font-size:1.5rem;font-weight:750}.lp-nav-links,.lp-nav-actions{align-items:center;gap:28px;display:flex}.lp-nav-links{margin-left:auto;margin-right:32px}.lp-nav-links a,.lp-signin{color:var(--lp-muted);font-size:.82rem}.lp-nav-links a:hover,.lp-signin:hover{color:var(--lp-text)}.lp-nav-actions{gap:22px}.lp-account{color:#272035;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.lp-button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:13px 24px;font-size:.86rem;font-weight:600;line-height:1.4;display:inline-flex}.lp-button svg{flex-shrink:0}.lp-button-primary{color:#261d38;background:var(--lp-purple);box-shadow:inset 0 1px #fff5,0 5px 20px #00000016}.lp-button-outline{color:var(--lp-text);background:#e7dcff06;border-color:#e7dcff25}.lp-button-small{border-radius:11px;min-height:42px;padding:9px 16px;font-size:.78rem}.lp-button-text{color:var(--lp-muted);padding-inline:18px}.lp-button-text span{font-size:1.25rem}.lp-hero{text-align:center;padding:80px 0 48px}.lp-eyebrow{color:var(--lp-green);letter-spacing:.17em;align-items:center;gap:9px;font-size:.61rem;font-weight:600;line-height:1.5;display:inline-flex}.lp-eyebrow>span{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #b8d5ba10}.lp-hero h1{color:var(--lp-text);font-family:var(--font-body);letter-spacing:-.065em;margin:25px 0 23px;font-size:clamp(3.4rem,6.3vw,5.6rem);font-weight:550;line-height:1.06}.lp-hero h1 em,.lp-section-heading h2 em,.lp-closing h2 em{color:var(--lp-purple);letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-weight:400}.lp-hero>p{max-width:590px;color:var(--lp-muted);margin:0 auto;font-size:.98rem;line-height:1.8}.lp-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:30px 0 17px;display:flex}.lp-hero-note{color:#aaa5b5;align-items:center;gap:7px;font-size:.68rem;display:inline-flex}.lp-hero-note svg{color:var(--lp-green)}.lp-preview{max-width:1030px;margin:0 auto;scroll-margin-top:24px;position:relative}.lp-preview:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#a385c424,#0000 68%);position:absolute;inset:10% -5%}.lp-window{background:#181820;border:1px solid #dac9ff26;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 100px #00000035,inset 0 1px #ffffff12}.lp-window-top{color:#a7a1b5;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:0 20px;font-size:.66rem;display:flex}.lp-window-dots{gap:6px;display:flex}.lp-window-dots i{background:#5c5264;border-radius:50%;width:6px;height:6px}.lp-window-dots i:first-child{background:#b58b96}.lp-window-dots i:nth-child(2){background:#b9ac81}.lp-window-dots i:nth-child(3){background:#89a894}.lp-preview-badge{color:#b0bba9;align-items:center;gap:6px;font-size:.59rem;display:inline-flex}.lp-preview-badge>span{background:var(--lp-green);border-radius:50%;width:4px;height:4px}.lp-preview-body{grid-template-columns:58px minmax(0,1fr) 270px;display:grid}.lp-preview-rail{color:#716a81;background:#14141c;border-right:1px solid #ffffff09;flex-direction:column;align-items:center;gap:28px;padding:27px 0;display:flex}.lp-preview-rail>svg:last-child{margin-top:auto}.lp-rail-selected{box-sizing:content-box;color:var(--lp-purple);background:#c7b4f414;border-radius:10px;margin:-10px 0;padding:10px}.lp-preview-focus{background:radial-gradient(at 50% 58%,#9e81571f,#0000 65%),linear-gradient(145deg,#27222c,#1a1c21 70%);flex-direction:column;align-items:center;min-width:0;padding:24px 28px 18px;display:flex;position:relative}.lp-preview-heading{color:#c3bbc9;justify-content:space-between;align-items:center;width:100%;font-size:.7rem;display:flex}.lp-preview-heading>span{align-items:center;gap:7px;display:flex}.lp-preview-heading i{background:var(--lp-green);border-radius:50%;width:4px;height:4px}.lp-preview-heading>svg{color:var(--lp-green)}.lp-preview-modes{background:#10101850;border:1px solid #ffffff14;border-radius:8px;margin-top:23px;padding:3px;display:flex}.lp-preview-modes button{color:#a9a2b5;background:0 0;border:0;border-radius:5px;padding:6px 11px;font-size:.61rem}.lp-preview-modes button[aria-pressed=true]{color:var(--lp-text);background:#b4a5cc26}.lp-preview-orb{background:#17151e55;border:1px solid #cfbbff33;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:220px;height:220px;margin:20px 0;display:flex;position:relative;box-shadow:0 0 0 9px #d4c1ff03}.lp-preview-orb:before{content:"";pointer-events:none;border:2px solid #bcabd8;border-color:#bcabd8 #bcabd8 #0000 #0000;border-radius:50%;position:absolute;inset:-1px;transform:rotate(-25deg)}.lp-preview-orb-label{color:#aaa1b5;letter-spacing:.13em;font-size:.48rem}.lp-preview-orb time{color:#f1eadd;font-family:var(--font-mono);letter-spacing:-.07em;font-size:2.9rem;font-weight:400;line-height:1.15}.lp-preview-subject{color:#b3abbe;align-items:center;gap:6px;font-size:.64rem;display:flex}.lp-preview-play{color:#251d33;background:var(--lp-purple);border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:142px;min-height:36px;padding:9px 17px;font-size:.7rem;font-weight:600;display:inline-flex}.lp-preview-foot{color:#938a9f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:27px;font-size:.55rem;display:flex}.lp-preview-foot>span:first-child{align-items:center;gap:6px;display:flex}.lp-preview-social{background:#191922;border-left:1px solid #ffffff0a;min-width:0;padding:25px 23px 20px}.lp-preview-social-title{color:var(--lp-purple);align-items:center;gap:9px;display:flex}.lp-preview-social-title h3{color:#dfd9e4;font-family:var(--font-body);letter-spacing:-.03em;margin:0;font-size:.81rem;font-weight:600}.lp-preview-social>p{color:#928a9e;margin:8px 0 24px;font-size:.6rem}.lp-preview-peers{gap:19px;display:grid}.lp-preview-peer{align-items:center;gap:9px;display:flex}.lp-preview-avatar{color:#33253f;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:.82rem;display:grid;position:relative}.lp-preview-avatar i{background:var(--lp-green);border:2px solid #191922;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.lp-preview-peer>div{flex-direction:column;gap:3px;display:flex}.lp-preview-peer strong{color:#d8d1e1;font-size:.67rem;font-weight:550}.lp-preview-peer>div>span{color:#938a9f;font-size:.57rem}.lp-preview-peer-time{color:#b6caae;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.62rem}.lp-preview-progress{border-top:1px solid #ffffff0b;margin-top:31px;padding-top:20px}.lp-preview-progress>span{color:#d2c9dc;justify-content:space-between;align-items:baseline;gap:8px;font-size:.65rem;display:flex}.lp-preview-progress strong{color:#8f859f;font-size:.49rem;font-weight:400}.lp-preview-bars{align-items:flex-end;gap:10px;height:70px;margin-top:20px;display:flex}.lp-preview-bars i{background:#9b88b73d;border-radius:4px 4px 2px 2px;flex:1}.lp-preview-bars i:nth-child(6){background:#bdb09bcc}.lp-preview-days{color:#847a93;justify-content:space-around;padding-top:7px;font-size:.52rem;display:flex}.lp-preview figcaption{color:#958c9f;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.6rem;display:flex}.lp-benefits{padding:105px 0 80px;scroll-margin-top:24px}.lp-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:20px 40px;display:grid}.lp-section-heading>.lp-eyebrow{grid-column:1/-1}.lp-section-heading h2,.lp-closing h2{color:var(--lp-text);font-family:var(--font-body);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.7vw,3.3rem);font-weight:500;line-height:1.14}.lp-section-heading p{color:var(--lp-muted);justify-self:end;margin:0 0 5px;font-size:.9rem;line-height:1.8}.lp-feature-grid{border-top:1px solid var(--lp-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.lp-feature{border-left:1px solid var(--lp-line);flex-direction:column;padding:28px 28px 0;display:flex}.lp-feature:first-child{border-left:0;padding-left:0}.lp-feature:last-child{padding-right:0}.lp-feature-number{color:#8e859c;letter-spacing:.1em;margin-bottom:29px;font-size:.54rem}.lp-feature>svg{color:var(--lp-purple);stroke-width:1.4px;margin-bottom:24px}.lp-feature:nth-child(2)>svg{color:var(--lp-green)}.lp-feature:nth-child(3)>svg{color:#dcbda4}.lp-feature h3{color:var(--lp-text);font-family:var(--font-body);letter-spacing:-.03em;margin:0 0 12px;font-size:1.05rem;font-weight:550;line-height:1.35}.lp-feature p{color:var(--lp-muted);margin:0 0 24px;font-size:.81rem;line-height:1.8}.lp-feature-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.lp-feature-tags>span{color:#b2a8bf;border:1px solid #ddd0f012;border-radius:6px;padding:5px 8px;font-size:.55rem}.lp-closing{background:radial-gradient(at 100% 100%,#9b817c15,#0000 70%),#c7b4f407;border:1px solid #c7b4f41f;border-radius:22px;align-items:center;gap:28px;padding:45px 40px;display:flex;position:relative}.lp-closing-icon{width:70px;height:70px;color:var(--lp-purple);border:1px solid #c7b4f424;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lp-closing .lp-eyebrow{margin-bottom:15px;font-size:.52rem}.lp-closing h2{font-size:clamp(1.8rem,2.7vw,2.45rem)}.lp-closing>.lp-button{flex-shrink:0;margin-left:auto}.lp-footer{color:#9990a6;flex-wrap:wrap;align-items:center;gap:25px;padding:48px 0 28px;display:flex}.lp-footer .lp-brand .brand-word{font-size:1.15rem}.lp-footer>span{font-size:.65rem}.lp-footer nav{gap:24px;margin-left:auto;font-size:.65rem;display:flex}.lp-footer a{color:inherit}.lp-footer a:hover{color:var(--lp-text)}.lp-footer small{border-top:1px solid var(--lp-line);flex-basis:100%;padding-top:15px;font-size:.57rem}@media (prefers-reduced-motion:no-preference){.lp-hero>*{animation:.45s both lp-arrive}.lp-hero h1{animation-delay:40ms}.lp-hero>p{animation-delay:80ms}.lp-hero-actions{animation-delay:.12s}.lp-hero-note{animation-delay:.15s}.lp-window{animation:.5s .12s backwards lp-arrive}.lp-button,.lp-preview-play{transition:transform .16s,background-color .16s,box-shadow .16s}.lp-button svg{transition:transform .16s}.lp-preview-focus.is-running .lp-preview-orb{animation:4s ease-in-out infinite lp-breathe}@media (hover:hover){.lp-button-primary:hover,.lp-preview-play:hover{background:#d7c8f9;transform:translateY(-2px);box-shadow:0 7px 25px #b8a0df16}.lp-button:hover svg{transform:translate(3px)}.lp-button-outline:hover{background:#c7b4f414}.lp-button:active,.lp-preview-play:active{transform:translateY(0)scale(.98)}}}@keyframes lp-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes lp-breathe{0%,to{box-shadow:0 0 0 9px #d4c1ff03}50%{box-shadow:0 0 0 13px #d4c1ff09,0 0 42px #c7b4f410}}@media (max-width:900px){.lp-container{width:calc(100% - 48px)}.lp-nav{gap:16px;min-height:86px}.lp-nav-links{gap:18px;margin-right:0}.lp-nav-actions{gap:16px}.lp-preview-body{grid-template-columns:44px minmax(0,1fr) 230px}.lp-preview-social{padding-inline:16px}.lp-preview-rail{padding-top:30px}.lp-rail-selected{padding:7px}.lp-preview-focus{padding-inline:20px}.lp-preview-foot>span:last-child{display:none}.lp-benefits{padding-top:80px}.lp-feature{padding-inline:20px}.lp-closing{gap:22px;padding:30px}.lp-closing-icon{display:none}}@media (max-width:640px){.lp-container{width:calc(100% - 36px)}.lp-nav{gap:12px;min-height:78px}.lp-brand .brand-word{font-size:1.35rem}.lp-brand .brand-logo{width:28px;height:28px}.lp-nav-links{display:none}.lp-nav-actions{gap:14px}.lp-signin{font-size:.72rem}.lp-nav-actions .lp-button{min-height:37px;padding:8px 12px;font-size:.69rem}.lp-nav-actions .lp-button svg{display:none}.lp-hero{padding:55px 0 34px}.lp-eyebrow{font-size:.54rem}.lp-hero h1{letter-spacing:-.06em;margin:23px 0 21px;font-size:clamp(2.65rem,10vw,4rem);line-height:1.1}.lp-hero>p{max-width:350px;padding-inline:6px;font-size:.85rem;line-height:1.75}.lp-desktop-break{display:none}.lp-hero-actions{gap:5px;margin-top:24px}.lp-hero-actions .lp-button{gap:8px;min-height:46px;padding:11px 15px;font-size:.76rem}.lp-hero-note{font-size:.59rem}.lp-window{border-radius:16px}.lp-window-top{min-height:42px;padding-inline:14px;font-size:.56rem}.lp-window-dots{gap:4px}.lp-window-dots i{width:5px;height:5px}.lp-preview-badge{font-size:.5rem}.lp-preview-body{grid-template-columns:1fr}.lp-preview-rail{display:none}.lp-preview-focus{padding:18px 20px}.lp-preview-modes{margin-top:18px}.lp-preview-orb{width:206px;height:206px;margin:18px 0}.lp-preview-foot{margin-top:23px}.lp-preview-social{border-top:1px solid #ffffff0a;border-left:0;padding:20px}.lp-preview-social>p{margin-bottom:17px}.lp-preview-peers{gap:15px}.lp-preview-progress{display:none}.lp-preview figcaption{padding-inline:10px;font-size:.55rem;line-height:1.6}.lp-preview figcaption svg{flex-shrink:0}.lp-benefits{padding:65px 0 45px}.lp-section-heading{grid-template-columns:1fr;gap:17px}.lp-section-heading>.lp-eyebrow{grid-column:auto}.lp-section-heading h2{font-size:2.2rem}.lp-section-heading p{justify-self:start;font-size:.83rem}.lp-feature-grid{grid-template-columns:1fr;margin-top:30px}.lp-feature,.lp-feature:first-child,.lp-feature:last-child{border-left:0;border-bottom:1px solid var(--lp-line);padding:26px 0}.lp-feature-number{margin-bottom:20px}.lp-feature>svg{margin-bottom:17px}.lp-feature p{max-width:440px;margin-bottom:20px}.lp-closing{border-radius:17px;flex-direction:column;align-items:flex-start;gap:25px;padding:30px 23px}.lp-closing>.lp-button{min-height:46px;margin-left:0;font-size:.78rem}.lp-footer{gap:18px;padding-top:35px}.lp-footer>span{display:none}.lp-footer nav{gap:15px;font-size:.6rem}.lp-footer small{margin-top:4px}}