@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap";:root{--font-family-ui:Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-content:Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-page-title:1.5rem;--line-height-tight:1.1;--line-height-heading:1.2;--line-height-ui:1.35;--line-height-body:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--font-weight-black:900;--letter-spacing-label:.08em;--app-page-gutter:28px;--app-page-gutter-mobile:18px;--app-section-gap:18px;--app-section-gap-compact:14px;--app-panel-padding:20px;--app-panel-padding-compact:16px;--app-card-padding:14px;--app-control-height:40px;--app-control-height-sm:34px;--app-control-padding-x:14px;--app-table-row-padding-y:10px;--app-table-row-padding-x:12px;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:10px;--space-xl:12px;--space-2xl:14px;--space-3xl:18px;--space-4xl:20px;--space-5xl:22px;--space-6xl:24px;--space-7xl:28px;--space-8xl:32px;--color-canvas:#f6f7f6;--color-surface:#fff;--color-surface-muted:#eef2ef;--color-surface-subtle:#e3e8e4;--color-surface-raised:#fff;--color-surface-inverse:#1e2420;--color-surface-inverse-strong:#111511;--color-surface-inverse-hover:#2a302b;--color-text:#1e2420;--color-text-input:#111a16;--color-text-heading:#1f2a23;--color-text-strong:#27312b;--color-text-control:#29322c;--color-text-panel:#313b34;--color-text-muted:#68716a;--color-text-subtle:#59625b;--color-text-placeholder:#6b746d;--color-text-inverse:#fff;--color-border-subtle:#e0ded6;--color-border-muted:#e8e5dc;--color-border-control:#d7d5cc;--color-border-strong:#a7b1aa;--color-marker-muted:#c6cbd0;--color-accent:#f7b85f;--color-accent-hover:#e69a38;--color-accent-hover-soft:#f3a84b;--color-accent-strong:#d6811c;--color-accent-surface:#fff6eb;--color-accent-surface-hover:#f7efe3;--color-accent-surface-strong:#ffe0ad;--color-accent-border:#e7bd83;--color-accent-border-subtle:#dec8aa;--color-accent-border-dashed:#d9a66a;--color-accent-text:#5f3306;--color-accent-text-strong:#6f3b08;--color-accent-text-dark:#7a4a14;--color-accent-text-warning:#8a4d00;--color-accent-text-muted:#9a5a10;--color-brand-mark:#f7b85f;--color-brand-mark-hover:#f3a84b;--color-brand-ink:#2f210f;--color-info:#4783c9;--color-info-text:#24406c;--color-info-surface:#e7eefc;--color-info-surface-soft:#f7fbff;--color-info-surface-hover:#dce9ff;--color-info-surface-active:#cfe0fb;--color-info-border:#d5e4ff;--color-info-border-strong:#aac4f0;--color-success-text:#225a35;--color-success-surface:#e6f6eb;--color-success-border:#8fcf9d;--color-danger-text:#9f2e22;--color-danger-text-strong:#8a2f2b;--color-danger-text-deep:#7b2a26;--color-danger-surface:#fdeaea;--color-danger-surface-soft:#fff4f2;--color-danger-surface-hover:#f8e9e7;--color-danger-icon-surface:#f0e4e2;--color-danger-border:#e0a09d;--color-danger-border-soft:#efb8b2;--color-danger-border-muted:#c99a93;--color-mastery-unfamiliar-text:#7c2d12;--color-mastery-mastered-surface:#ffdca8;--color-overlay-backdrop:#22272447;--color-focus-ring:#4783c959;--color-spinner-track:#d6811c47;--color-login-gradient:#0a6f5817;--radius-xs:5px;--radius-sm:6px;--radius-tab:7px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-bubble:16px;--radius-composer:18px;--radius-composer-shell:28px;--radius-pill:999px;--shadow-card:0 10px 30px #2227240d;--shadow-card-hover:0 14px 35px #22272414;--shadow-active-control:0 2px 10px #22272414;--shadow-account-menu:0 14px 35px #22272424;--shadow-popover:0 16px 36px #22272429;--shadow-modal:0 24px 70px #22272433;--shadow-composer:0 14px 32px #2227241a;--shadow-login-card:0 18px 45px #2227241a;--duration-fast:.15s;--duration-base:.16s;--duration-standard:.2s;--duration-spinner:.75s;--ease-standard:ease;--ease-linear:linear}@media (width<=820px){:root{--app-page-gutter:var(--app-page-gutter-mobile);--app-panel-padding:var(--app-panel-padding-compact);font-size:14px}}:root{font-family:var(--font-family-ui);color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{min-width:320px;line-height:var(--line-height-body);margin:0}button,select,input,textarea{font:inherit;line-height:var(--line-height-ui)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.sidebar-nav button,.sidebar-study-subject,.sidebar-study-set,.mode-tabs button,.mini-mode-button,.icon-button,.choice-button,.flashcard{font:inherit;cursor:pointer;border:0}.app-tooltip{z-index:1000;box-sizing:border-box;border:1px solid var(--color-accent-border-subtle);border-radius:var(--radius-sm);background:var(--color-accent-surface-hover);width:max-content;max-width:min(360px,100vw - 20px);color:var(--color-accent-text-dark);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);letter-spacing:0;opacity:0;pointer-events:none;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;transition:opacity 90ms var(--ease-standard), transform 90ms var(--ease-standard), visibility 0s linear 90ms;padding:4px 8px;line-height:1.15;position:fixed;overflow:hidden;transform:translateY(3px)scale(.98);box-shadow:0 10px 26px #6f3b0829,inset 0 0 0 1px #ffffff6b}.app-tooltip.visible{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}.app-tooltip-arrow{left:var(--tooltip-arrow-left,50%);border-right:1px solid var(--color-accent-border-subtle);border-bottom:1px solid var(--color-accent-border-subtle);background:var(--color-accent-surface-hover);pointer-events:none;width:7px;height:7px;position:absolute}.app-tooltip[data-placement=top] .app-tooltip-arrow{bottom:-4px;transform:translate(-50%)rotate(45deg)}.app-tooltip[data-placement=bottom] .app-tooltip-arrow{top:-4px;transform:translate(-50%)rotate(225deg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-title,h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:0}h2{font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.content-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.content-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.ui-label,.kicker{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);line-height:var(--line-height-ui)}.ui-caption,.metadata{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-ui)}.content-prose{font-family:var(--font-family-content);line-height:var(--line-height-body)}label{gap:var(--space-sm);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);display:grid}label>span{line-height:var(--line-height-ui)}input,select,textarea{border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text-input);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard)}input,select{min-height:var(--app-control-height);padding:0 var(--space-xl)}textarea{padding:var(--space-lg) var(--space-xl);resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-info-border-strong);box-shadow:0 0 0 3px var(--color-focus-ring)}.eyebrow{text-transform:uppercase;letter-spacing:var(--letter-spacing-label);font-weight:var(--font-weight-bold);margin-bottom:6px;display:block}.app-shell{grid-template-columns:var(--sidebar-width,260px) minmax(0, 1fr);background:var(--color-canvas);height:100dvh;min-height:100dvh;color:var(--color-text);font-family:var(--font-family-ui);line-height:var(--line-height-ui);display:grid;overflow:hidden}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-subtle);height:100dvh;padding:var(--app-panel-padding) var(--app-panel-padding);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.brand-row,.source-header,.question-heading,.button-row,.metrics-row,.inline-answer,.topbar-title-cluster,.search-field,.chat-form{align-items:center;display:flex}.brand-row{gap:var(--space-xl);width:100%;margin-bottom:var(--space-7xl);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-row:hover .brand-mark,.brand-row:focus-visible .brand-mark{background:var(--color-brand-mark-hover)}.brand-row:focus-visible{outline:2px solid var(--color-info-border-strong);outline-offset:3px}.brand-row strong{font-size:var(--font-size-lg);line-height:1.15;display:block}.brand-row span,.source-header p,.metric-card span,.eyebrow{color:var(--color-text-muted);font-size:.82rem}.brand-row span{font-size:.94rem}.brand-mark{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-brand-ink);background:var(--color-accent);place-items:center;display:grid}.sidebar-nav{gap:var(--space-sm);display:grid}.sidebar-nav-study-row{border-radius:var(--radius-md);background:var(--color-accent-surface-hover);grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:0;display:grid;overflow:hidden}.sidebar-nav-study-row.active,.sidebar-nav-study-row:hover,.sidebar-nav-study-row:focus-within{background:var(--color-accent-surface-hover)}.sidebar-study-list{align-content:start;gap:var(--space-xl);min-height:0;margin-top:var(--space-xl);padding:var(--space-xl) var(--space-2xs) var(--space-xl) 0;border-top:1px solid var(--color-border-subtle);flex:auto;display:grid;overflow:hidden auto}.sidebar-study-group{gap:var(--space-sm);min-width:0;padding:var(--space-2xs);border-radius:var(--radius-sm);display:grid}.sidebar-study-group.active{background:0 0}.sidebar-study-group.active>.sidebar-study-subject{color:var(--color-accent-text-strong)}.sidebar-study-group.active>.sidebar-study-subject .sidebar-study-subject-count{background:var(--color-accent-surface-strong);box-shadow:inset 0 0 0 1px var(--color-accent-border-subtle)}.sidebar-study-subject{--tooltip-max-width:calc(100% - 12px);width:100%;min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-accent-text-dark);font:inherit;font-size:.8125rem;font-weight:var(--font-weight-heavy);letter-spacing:0;text-align:left;text-transform:none;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 18px 14px;align-items:center;column-gap:6px;line-height:1.2;display:grid}.sidebar-study-subject:hover{background:var(--color-accent-surface-hover)}.sidebar-study-subject-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.sidebar-study-subject-count{border-radius:var(--radius-pill);background:var(--color-accent-surface-hover);width:18px;min-width:18px;height:18px;color:var(--color-accent-text-dark);font-size:.75rem;font-weight:var(--font-weight-heavy);letter-spacing:0;text-align:center;place-items:center;line-height:1;display:grid}.sidebar-study-subject svg{transition:transform var(--duration-fast) var(--ease-standard);justify-self:center}.sidebar-study-subject[aria-expanded=false] svg{transform:rotate(-90deg)}.sidebar-study-items{gap:var(--space-xs);min-width:0;padding-left:var(--space-xs);display:grid}.sidebar-nav button{gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--color-text-control);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;background:0 0;align-items:center;display:flex}.sidebar-nav button svg{width:15px;height:15px}.sidebar-nav .sidebar-nav-study-button{border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-accent-surface-hover)}.sidebar-nav .sidebar-create-button{border-left:1px solid var(--color-accent-border-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-accent-surface-hover);justify-content:center;width:34px;min-width:34px;height:34px;padding:0}.sidebar-nav .sidebar-create-button svg{width:16px;height:16px}.sidebar-nav button.active,.sidebar-nav button:hover,.sidebar-nav-study-row .sidebar-nav-study-button.active,.sidebar-nav-study-row.active .sidebar-create-button{background:var(--color-accent-surface-hover)}.sidebar-nav-study-row .sidebar-nav-study-button:hover,.sidebar-nav-study-row .sidebar-nav-study-button:focus-visible,.sidebar-nav-study-row .sidebar-create-button:hover,.sidebar-nav-study-row .sidebar-create-button:focus-visible{background:var(--color-accent-surface-strong)}.mobile-subject-toggle{display:none}.sidebar-study-set{--tooltip-max-width:calc(100% - 12px);border-radius:var(--radius-tab);width:100%;min-width:0;color:var(--color-text-control);text-align:left;background:0 0;gap:2px;padding:8px;display:grid}.sidebar-study-set:hover,.sidebar-study-set.active{background:var(--color-accent-surface-hover)}.sidebar-study-set.active{color:var(--color-accent-text-strong);box-shadow:inset 3px 0 0 var(--color-accent)}.sidebar-study-set-title{font-size:.8125rem;font-weight:var(--font-weight-heavy);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.account-menu{padding-top:var(--app-section-gap-compact);flex:none;justify-content:center;margin-top:auto;display:flex;position:relative}.account-button{align-items:center;gap:var(--space-lg);width:162px;min-height:54px;padding:var(--space-md);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-heading);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);grid-template-columns:38px minmax(0,1fr);transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.account-profile-avatar{border-radius:var(--radius-pill);background:var(--color-accent-surface-strong);width:38px;height:38px;color:var(--color-accent-text-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);box-shadow:inset 0 0 0 1px var(--color-accent-border);place-items:center;line-height:1;transition:background .16s,color .16s,transform .16s;display:grid}.account-profile-copy{gap:var(--space-2xs);min-width:0;color:var(--color-text-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);line-height:1.1;transition:color .16s,transform .16s;display:grid}.account-profile-copy span,.account-profile-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-profile-copy small{color:var(--color-accent-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);line-height:1.1}.account-button:hover,.account-button[aria-expanded=true]{border-color:var(--color-info-border-strong);background:var(--color-accent-surface);color:var(--color-accent-text-strong);box-shadow:0 0 0 3px #5797e538, var(--shadow-card);transform:translateY(-1px)}.account-button:hover .account-profile-avatar,.account-button[aria-expanded=true] .account-profile-avatar{background:var(--color-accent);color:var(--color-accent-text-strong)}.account-button:hover .account-profile-copy,.account-button[aria-expanded=true] .account-profile-copy{color:var(--color-accent-text-strong)}.guest-account{justify-content:center}.account-signin-button{align-items:center;gap:var(--space-lg);width:154px;min-height:52px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-heading);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);grid-template-columns:34px minmax(0,1fr);transition:border-color .16s,background .16s,transform .16s;display:grid}.account-signin-button:hover{border-color:var(--color-accent-strong);background:var(--color-accent-surface-hover);transform:translateY(-1px)}.account-signin-avatar{border-radius:var(--radius-pill);background:var(--color-info-surface);width:34px;height:34px;color:var(--color-info-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);place-items:center;line-height:1;display:grid}.account-signin-copy{gap:var(--space-2xs);min-width:0;color:var(--color-text-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);line-height:1.1;display:grid}.account-signin-copy small{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);line-height:1.1}.account-flyout{z-index:5;gap:var(--space-sm);width:218px;padding:var(--space-lg);border:1px solid var(--color-border-control);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-account-menu);display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.account-flyout button{border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;min-height:32px;color:var(--color-text-control);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.account-flyout button.upgrade{border-color:var(--color-accent-border);background:var(--color-accent);color:var(--color-accent-text-strong)}.account-flyout button.upgrade:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.account-flyout button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.account-flyout button.danger{color:var(--color-danger-text)}.account-flyout button.danger:hover{border-color:var(--color-danger-border-muted);background:var(--color-danger-surface-hover)}.sidebar-resize-handle{z-index:4;cursor:col-resize;background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0;right:-5px}.sidebar-resize-handle:after{border-radius:var(--radius-pill);content:"";background:0 0;width:2px;position:absolute;top:22px;bottom:22px;right:4px}.sidebar-resize-handle:hover:after,.sidebar-resize-handle:focus-visible:after{background:var(--color-accent-border)}.main-content{height:100%;padding:var(--app-page-gutter);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.main-content>.workspace,.main-content>.settings-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:hidden auto}.main-content>.dashboard-grid{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:clip}.main-content>.dashboard-grid>.dashboard-hero,.main-content>.dashboard-grid>.dashboard-summary-row,.main-content>.dashboard-grid>.subject-filter-shell,.main-content>.dashboard-grid>.dashboard-pagination{flex:none}.main-content>.dashboard-grid>.set-list,.main-content>.dashboard-grid>.dashboard-seo-content,.main-content>.dashboard-grid>.empty-state{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:hidden auto}.main-content>.dashboard-grid>.set-list{padding-right:var(--space-xs);align-content:start}.main-content>.dashboard-grid.seo-landing-grid{grid-auto-rows:max-content;align-content:start;display:grid;overflow:hidden auto}.main-content.create-main-content{min-height:0;overflow:hidden}.main-notification-stack{margin-bottom:var(--app-section-gap-compact);gap:10px;display:grid}.main-notification-stack>.global-notification,.main-notification-stack>.storage-notice-banner,.main-notification-stack>.generation-status{margin-bottom:0}.generation-status{align-items:center;gap:var(--space-md);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-surface);width:min(720px,100%);min-height:42px;color:var(--color-text-strong);align-self:center;padding:8px 12px;display:flex}.generation-status-icon{color:var(--color-accent);flex:none;animation:1.2s linear infinite generation-status-spin}.generation-status p,.generation-status strong,.generation-status span{margin:0}.generation-status p{gap:0 var(--space-sm);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;display:flex}.generation-status strong{color:var(--color-text-heading)}.generation-status span{color:var(--color-text-subtle)}@keyframes generation-status-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.generation-status-icon{animation:none}}.global-notification{justify-content:space-between;align-items:flex-start;gap:var(--app-section-gap-compact);margin-bottom:var(--app-section-gap-compact);padding:var(--space-xl) var(--app-card-padding);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-surface);color:var(--color-text-strong);display:flex}.global-notification.warning{border-color:var(--color-danger-border-soft);background:var(--color-danger-surface-soft)}.global-notification.success{border-color:var(--color-success-border);background:var(--color-success-surface)}.global-notification-banner{align-self:center;align-items:center;gap:var(--space-lg);width:min(720px,100%);min-height:34px;padding:6px 8px 6px 12px}.global-notification strong,.global-notification p{margin-bottom:0}.global-notification p{color:var(--color-text-subtle);line-height:var(--line-height-body);margin-top:3px}.global-notification-banner p{min-width:0;color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin-top:0;overflow:hidden}.global-notification-banner strong{color:var(--color-text-heading)}.storage-notice-banner{align-items:flex-start;gap:12px;display:flex}.storage-notice-banner p{overflow-wrap:anywhere;flex:auto;margin:0}.storage-notice-banner .title-edit-button{flex:none}.topbar{justify-content:space-between;align-items:center;gap:var(--app-panel-padding);margin-bottom:var(--space-6xl);display:flex}.study-topbar{z-index:30;margin-bottom:var(--app-section-gap-compact);padding:0 0 var(--space-lg);background:var(--color-canvas);position:sticky;top:0}.topbar-title-cluster{gap:var(--space-xl);flex:auto;min-width:0}.topbar-title-cluster>div{flex:auto;min-width:0}.title-display,.title-edit-form{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.title-display{flex-wrap:nowrap;align-items:flex-start;width:100%}.title-display h1{overflow-wrap:anywhere;flex:0 auto;min-width:0;max-width:min(100%,1120px)}.title-edit-button{border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);background:var(--color-accent-surface);width:20px;height:20px;color:var(--color-accent-text);cursor:pointer;flex:none;place-items:center;padding:0;line-height:0;display:grid}.title-action-cluster{flex:none;align-items:center;gap:4px;padding-top:2px;display:inline-flex}.title-action-button.danger-text:hover{border-color:var(--color-danger-border-muted);background:var(--color-danger-surface-hover)}.title-action-button:disabled{opacity:.5;cursor:not-allowed}.title-edit-button svg{display:block}.title-edit-button:hover{border-color:var(--color-accent-strong);background:var(--color-accent-surface-strong)}.title-edit-form input{width:min(720px,72vw);min-height:46px;font-size:var(--font-size-lg);font-weight:var(--font-weight-heavy)}.topbar-meta,.study-card-updated{color:var(--color-text-muted);margin:8px 0 0;font-size:.84rem}.topbar-study-meta{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;margin-top:5px;display:flex}.subject-edit-form{align-items:center;gap:4px;min-width:0;max-width:min(56ch,100%);display:inline-flex}.subject-edit-form input{border:1px solid var(--color-info-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:min(360px,48vw);min-width:160px;min-height:24px;color:var(--color-info-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);padding:2px 7px;line-height:1.2}.topbar-study-meta .topbar-meta{white-space:nowrap;margin:0}.topbar-study-meta .topbar-subject-pill{min-width:0;max-width:calc(100% - 28px);min-height:20px;font-size:var(--font-size-xs);overflow-wrap:anywhere;text-overflow:clip;white-space:normal;padding:2px 6px;line-height:1.35;overflow:visible}.study-knowledge-mode{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:20px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);flex:none;padding:2px 6px;line-height:1.35}.study-knowledge-mode.enriched{border-color:var(--color-accent-border);background:var(--color-accent-surface);color:var(--color-accent-text)}h1,h2,h3,p{margin-top:0}.primary-action,.secondary-action{min-height:var(--app-control-height);padding:0 var(--app-control-padding-x);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-action{background:var(--color-accent);color:var(--color-brand-ink)}.primary-action:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.secondary-action{background:var(--color-surface);color:var(--color-text-strong);border-color:var(--color-border-control)}.secondary-action:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);transform:translateY(-1px)}.primary-action:focus-visible,.secondary-action:focus-visible,.metric-card:focus-visible,.subject-filter-panel button:focus-visible,.mini-mode-button:focus-visible,.ai-tutor-fab:focus-visible,.icon-button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.primary-action:disabled,.secondary-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.danger-text{color:var(--color-danger-text)}.wide{width:100%}.button-row{gap:var(--space-lg);flex-wrap:wrap}.dashboard-grid,.workspace,.create-panel,.settings-panel{gap:var(--app-section-gap);display:grid}.dashboard-grid>*,.dashboard-hero,.dashboard-summary-row,.metrics-row,.library-toolbar,.subject-filter-shell,.set-list,.metric-card,.study-card{min-width:0}.dashboard-hero{padding:var(--app-panel-padding);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg, #fffffff5, #f7fbffeb 68%, #fff6ebd1), var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid;position:relative;overflow:hidden}.dashboard-hero:before{background:linear-gradient(180deg, var(--color-info), var(--color-accent));content:"";width:5px;position:absolute;inset:0 auto 0 0}.dashboard-hero-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker""title""body""support";gap:4px;max-width:none;display:grid;position:relative}.dashboard-hero-kicker{color:var(--color-info-text);font-size:var(--font-size-2xs);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;grid-area:kicker}.dashboard-hero h1{color:var(--color-text-heading);font-size:1.6rem;line-height:var(--line-height-tight);grid-area:title;margin:0}.dashboard-hero .dashboard-hero-body{max-width:86ch;color:var(--color-text-panel);font-size:var(--font-size-sm);line-height:var(--line-height-body);grid-area:body;margin:0}.dashboard-hero .dashboard-hero-support{max-width:76ch;color:var(--color-text-subtle);grid-area:support;margin:0}.dashboard-hero-actions{justify-content:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex;position:relative}.dashboard-hero-actions .primary-action,.dashboard-hero-actions .secondary-action{min-height:var(--app-control-height)}.dashboard-hero-actions .secondary-action.active{border-color:var(--color-info-border-strong);background:var(--color-info-surface);color:var(--color-info-text)}.dashboard-seo-content{gap:var(--space-xl);display:grid}.dashboard-seo-heading{gap:var(--space-sm);display:grid}.dashboard-seo-heading h2{color:var(--color-text-heading);font-size:1.2rem;line-height:var(--line-height-tight);margin:0}.dashboard-seo-section-grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-seo-section{align-content:start;gap:var(--space-lg);min-width:0;padding:var(--app-card-padding);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.dashboard-seo-section h3{color:var(--color-text-heading);font-size:1rem;line-height:var(--line-height-tight);margin:0}.dashboard-seo-section p{color:var(--color-text-panel);font-size:var(--font-size-sm);line-height:var(--line-height-body);margin:0}.dashboard-seo-section ul,.dashboard-seo-section ol{gap:var(--space-sm);color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-body);margin:0;padding-left:18px;display:grid}.dashboard-seo-link-list{gap:var(--space-md);flex-wrap:wrap;display:flex}.dashboard-seo-link-list a{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);background:var(--color-info-surface-soft);max-width:min(100%,42ch);min-height:32px;color:var(--color-info-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;padding:0 10px;line-height:1.2;text-decoration:none;display:inline-flex}.dashboard-seo-link-list a:hover{border-color:var(--color-info-border-strong);background:var(--color-info-surface-hover)}.seo-landing-grid{gap:var(--space-2xl)}.seo-landing-hero{align-items:stretch}.seo-landing-copy{gap:var(--space-md)}.seo-landing-copy h1{max-width:30ch}.seo-landing-actions{justify-content:flex-end;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex;position:relative}.seo-landing-value-points{gap:var(--space-sm);flex-wrap:wrap;display:flex}.seo-landing-value-points span{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);background:var(--color-info-surface-soft);min-height:30px;color:var(--color-info-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:6px;padding:0 10px;line-height:1.2;display:inline-flex}.seo-landing-overview,.seo-route-links{gap:var(--space-xl);display:grid}.seo-route-link-grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.seo-route-link-card{align-items:center;gap:var(--space-lg);min-width:0;min-height:116px;padding:var(--app-card-padding);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;box-shadow:var(--shadow-card);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.seo-route-link-card:hover{border-color:var(--color-info-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.seo-route-link-card strong{margin-bottom:var(--space-sm);color:var(--color-text-heading);font-size:var(--font-size-sm);line-height:var(--line-height-tight);display:block}.seo-route-link-card p{color:var(--color-text-panel);font-size:var(--font-size-xs);line-height:var(--line-height-body);margin:0}.seo-route-links-footer{justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.seo-home-link,.seo-route-page-list a{color:var(--color-info-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.seo-route-page-list{gap:var(--space-md);flex-wrap:wrap;justify-content:flex-end;display:flex}.dashboard-summary-row{justify-content:space-between;align-items:center;gap:var(--space-xl);grid-template-columns:max-content minmax(280px,520px);display:grid}.metrics-row{justify-content:start;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,max-content));display:grid}.metric-card,.empty-state,.create-panel,.workspace,.settings-card,.note-section,.question-card,.practice-panel,.chat-panel,.solve-panel,.material-panel{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.settings-card,.create-details-panel,.create-source-section,.create-action-bar,.metric-card,.empty-state,.study-card,.note-section,.question-card,.practice-panel,.chat-panel,.solve-panel,.material-panel{color:var(--color-text-panel)}.metric-card{min-height:44px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);grid-template-columns:auto auto auto;align-items:center;gap:6px;display:grid}button.metric-card{cursor:pointer}.metric-card.static{cursor:default}.metric-card strong{font-size:1.05rem;line-height:1}.metric-card:hover:not(:disabled){border-color:var(--color-accent-border);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.metric-card.static:hover{border-color:var(--color-border-subtle);box-shadow:var(--shadow-card);transform:none}.metric-card.active{border-color:var(--color-accent-border);background:var(--color-accent-surface)}.metric-card:disabled{cursor:default;opacity:.62}.empty-state{justify-items:start;gap:var(--space-lg);padding:var(--space-8xl);display:grid}.set-list{gap:var(--app-section-gap-compact);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.library-toolbar{justify-content:flex-end;gap:var(--space-xl);align-items:center;display:flex}.library-toolbar .search-field{width:100%}.subject-filter-shell{width:100%;max-width:100%;margin:-2px 0 0}.ai-tutor-fab{right:calc(56px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:45;border:1px solid var(--color-accent-border);background:linear-gradient(135deg, var(--color-accent-surface-strong), var(--color-accent-surface));min-height:39px;box-shadow:var(--shadow-card);color:var(--color-accent-text-dark);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex;position:fixed}.ai-tutor-fab:hover{background:var(--color-accent-surface-hover);box-shadow:var(--shadow-active-control);transform:translateY(-2px)}.ai-tutor-fab svg{flex:none}.subject-filter-panel{scrollbar-width:thin;scroll-snap-type:x proximity;width:100%;min-width:0;max-width:100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:4px;padding:3px 2px;display:flex;overflow:auto hidden}.subject-filter-row{gap:5px;width:max-content;min-width:100%;display:flex}.subject-filter-group{border:1px solid var(--color-info-border);background:var(--color-info-surface-soft);scroll-snap-align:start;border-radius:9px;flex:none;grid-template-columns:minmax(0,1fr) 26px;align-items:center;min-width:0;max-width:min(30ch + 56px,100%);height:28px;display:grid;overflow:hidden}.subject-filter-group.filter-all{grid-template-columns:minmax(0,1fr);max-width:min(30ch + 28px,100%)}.subject-filter-panel button{min-width:0;max-width:100%;height:26px;min-height:26px;color:var(--color-info-text);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;line-height:1;display:inline-flex}.subject-filter-panel button:not(.subject-filter-add){justify-content:flex-start;width:100%}.subject-filter-group:hover,.subject-filter-group.active{border-color:var(--color-info-border-strong);background:var(--color-info-surface-hover)}.subject-filter-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:30ch;display:block;overflow:hidden}.subject-filter-count{background:var(--color-surface);min-width:16px;min-height:16px;color:var(--color-info-text);font-size:var(--font-size-xs);border-radius:999px;flex:none;place-items:center;display:inline-grid}.subject-filter-add{justify-content:center;width:26px;min-width:26px;border-left:1px solid var(--color-info-border)!important;padding:0!important}.subject-filter-add svg{width:12px;height:12px}.subject-filter-add:hover{background:var(--color-info-surface-active)}.search-field{gap:var(--space-lg);max-width:520px;min-height:var(--app-control-height);padding:0 var(--space-xl);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-weight:var(--font-weight-regular);flex:1}.search-field:focus-within{border-color:var(--color-info-border-strong);box-shadow:0 0 0 3px var(--color-focus-ring)}.search-field input{height:calc(var(--app-control-height) - 2px);border:0;flex:auto;min-height:0;padding:0}.search-field input:focus-visible{box-shadow:none;outline:0}.study-card{content-visibility:auto;contain-intrinsic-size:auto 312px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;min-height:312px;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.study-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.study-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.study-card-main{align-content:start;gap:var(--space-lg);width:100%;padding:var(--app-card-padding) var(--app-card-padding) var(--space-md);text-align:left;background:0 0;display:grid}.study-card-meta-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.study-card h2{min-height:3.65em;font-size:.7875rem;line-height:var(--line-height-heading);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}@media (width>=821px){.study-card{contain-intrinsic-size:auto 282px;min-height:282px}.study-card-main{gap:var(--space-sm);padding:var(--space-lg) var(--app-card-padding) var(--space-sm)}.study-card h2{-webkit-line-clamp:2;min-height:2.4em}.study-card-mode-grid{padding-bottom:var(--space-lg)}}.study-card-progress{gap:6px;display:grid}.study-card-progress-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1.25}.study-card-mode-grid{z-index:2;gap:var(--space-sm);padding:0 var(--app-card-padding) var(--app-card-padding);cursor:default;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.study-card-mode-grid .mini-mode-button{width:100%;min-width:0;min-height:32px;padding:0 var(--space-md);background:var(--color-surface-muted);color:var(--color-text-control);justify-content:flex-start}.study-card-mode-grid .mini-mode-button:first-child{background:var(--color-info-surface-soft);color:var(--color-info-text)}.study-card-mode-grid .mini-mode-button.locked{border-color:var(--color-border-control);background:var(--color-surface);color:var(--color-text-muted)}.study-card-mode-grid .mini-mode-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-pagination{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;gap:12px;display:flex}.mini-mode-button{min-height:var(--app-control-height-sm);padding:0 var(--space-lg);border-radius:var(--radius-sm);background:var(--color-accent-surface);color:var(--color-accent-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);align-items:center;gap:4px;line-height:1;display:inline-flex}.mini-mode-button:hover{background:var(--color-info-surface-hover)}.icon-button{border-radius:var(--radius-md);background:var(--color-canvas);width:34px;height:34px;color:var(--color-text-subtle);place-items:center;display:grid;position:absolute;top:12px;right:12px}.icon-button:hover{background:var(--color-danger-icon-surface)}.study-card .study-card-delete{border-radius:var(--radius-sm);width:32px;height:32px;position:static}.subject-pill,.mastery-badge,.source-count{border-radius:var(--radius-pill);width:fit-content;min-height:24px;font-size:.78rem;font-weight:var(--font-weight-heavy);align-items:center;padding:0 9px;display:inline-flex}.subject-pill{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);box-sizing:border-box;max-width:min(42ch,100%);min-height:22px;color:var(--color-info-text);background:var(--color-info-surface);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;line-height:1.18;overflow:hidden}.progress-track{border-radius:var(--radius-pill);background:var(--color-surface-subtle);height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-info));height:100%;transition:width var(--duration-standard) var(--ease-standard)}.form-grid,.upload-band{gap:var(--app-section-gap-compact);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-panel{min-height:calc(100vh - 74px);box-shadow:none;background:0 0;border:0;padding:0;font-size:.875rem}.create-main-content .create-panel{gap:var(--app-panel-padding-compact);flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.create-main-content .page-title{font-size:calc(var(--font-size-page-title) - .125rem)}.create-details-panel,.create-source-section,.create-action-bar,.workspace,.settings-card{padding:var(--app-panel-padding)}.knowledge-mode-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.knowledge-mode-options label{min-height:28px;padding:0 var(--space-sm);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);align-items:center;display:inline-flex;position:relative}.knowledge-mode-options label.active{border-color:var(--color-accent-border);background:var(--color-accent-surface);color:var(--color-accent-text)}.knowledge-mode-options input{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.knowledge-mode-options label:has(input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.settings-card{align-content:start;gap:var(--app-section-gap-compact);background:linear-gradient(180deg, #fffffffa, #fafcfaf5), var(--color-surface);border-color:#aebcb28c;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #1f2a2312}.settings-card:before{background:linear-gradient(90deg, var(--color-info), var(--color-accent));opacity:.8;content:"";height:2px;position:absolute;inset:0 0 auto}.create-details-panel,.create-source-section,.create-action-bar{gap:var(--app-panel-padding-compact);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.create-source-section{flex-direction:column;min-height:0;display:flex}.create-section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-xl);display:flex}.create-section-heading h2{margin-bottom:0;font-size:1rem}.create-section-heading .knowledge-mode-options{margin-left:var(--space-lg)}.create-section-heading span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-align:right;margin-left:auto}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:var(--app-section-gap-compact);display:flex}.settings-card-header h2,.settings-card-header p{margin-bottom:0}.settings-card h2{color:var(--color-text-heading);font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.settings-card>h2{margin-bottom:0}.settings-card p{color:var(--color-text-subtle)}.settings-card-header p,.settings-summary-card>p{max-width:760px;line-height:var(--line-height-ui)}.settings-summary-card{grid-column:1/-1}.settings-fact-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.settings-fact-grid.compact{grid-template-columns:minmax(180px,320px)}.settings-fact-card{gap:var(--space-xs);min-width:0;min-height:88px;padding:var(--space-xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:linear-gradient(135deg, #f7fbffe0, #ffffffe6), var(--color-surface);align-content:center;display:grid}.settings-fact-card.emphasis{border-color:var(--color-accent-border);background:linear-gradient(135deg, #fff6ebf0, #ffffffe0), var(--color-surface)}.settings-fact-card span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.settings-fact-card strong{min-width:0;color:var(--color-text-heading);font-size:var(--font-size-md);line-height:var(--line-height-heading);overflow-wrap:anywhere}.settings-plan-overview{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.settings-plan-card,.settings-usage-card,.settings-billing-card{align-content:start;gap:var(--space-xl);min-width:0;padding:var(--space-2xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.settings-plan-card{background:linear-gradient(135deg, #e7eefcbd, #ffffffe6), var(--color-surface);grid-template-columns:auto minmax(0,1fr)}.settings-plan-icon{border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-surface);width:42px;height:42px;color:var(--color-text-strong);place-items:center;display:grid}.settings-plan-card span,.settings-billing-card span,.settings-usage-heading span,.settings-usage-meter span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy)}.settings-plan-card strong,.settings-billing-card strong{margin-top:var(--space-xs);color:var(--color-text-heading);font-size:var(--font-size-lg);line-height:var(--line-height-heading);display:block}.settings-plan-card p,.settings-billing-card p{margin:var(--space-xs) 0 0;color:var(--color-text-subtle);line-height:var(--line-height-ui)}.settings-usage-heading,.settings-usage-meter>div{justify-content:space-between;align-items:baseline;gap:var(--space-lg);display:flex}.settings-usage-heading h3{color:var(--color-text-heading);font-size:var(--font-size-md);line-height:var(--line-height-heading);margin:0}.settings-usage-meter{gap:var(--space-md);display:grid}.settings-usage-meter strong{color:var(--color-text-heading);font-size:var(--font-size-sm)}.settings-usage-track{border-radius:var(--radius-pill);background:var(--color-surface-subtle);height:6px;overflow:hidden}.settings-usage-track span{border-radius:inherit;background:linear-gradient(90deg, var(--color-info), var(--color-accent));height:100%;display:block}.settings-billing-card .button-row{gap:var(--space-md);margin-top:auto;display:grid}.settings-billing-card .primary-action,.settings-billing-card .secondary-action{justify-content:center;width:100%}.openai-settings-card{align-content:start;gap:var(--app-section-gap-compact);display:grid}.settings-meta-list{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-muted);grid-template-columns:auto 1fr;align-items:baseline;gap:6px 12px;padding:12px;display:grid}.settings-meta-list span{color:var(--color-text-muted);font-size:.82rem;font-weight:var(--font-weight-heavy)}.settings-meta-list strong{overflow-wrap:anywhere;min-width:0}.settings-inline-form{gap:var(--space-lg);display:grid}.settings-inline-form .primary-action{width:fit-content}.settings-admin-metrics{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.settings-admin-metrics div{gap:var(--space-sm);min-height:92px;padding:var(--space-2xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:linear-gradient(135deg, #f7fbffeb, #ffffffdb), var(--color-surface);align-content:center;display:grid}.settings-admin-metrics span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy)}.settings-admin-metrics strong{color:var(--color-text-heading);font-size:var(--font-size-md);overflow-wrap:anywhere}.deleted-study-sets-card{gap:var(--app-section-gap-compact);display:grid}.deleted-study-set-toolbar{justify-content:space-between;align-items:center;gap:var(--space-xl);display:flex}.deleted-study-set-select-all,.deleted-study-set-checkbox{align-items:center;gap:var(--space-md);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);display:inline-flex}.deleted-study-set-select-all input,.deleted-study-set-checkbox input{width:16px;height:16px;accent-color:var(--color-accent-strong);margin:0}.deleted-study-set-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.deleted-study-set-card{align-items:center;gap:var(--space-xl);min-width:0;min-height:74px;padding:var(--space-xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid;box-shadow:0 10px 24px #1f2a230a}.deleted-study-set-card div{gap:2px;min-width:0;display:grid}.deleted-study-set-card strong,.deleted-study-set-card span{overflow-wrap:anywhere;min-width:0}.deleted-study-set-card span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy)}.settings-support-form{gap:var(--space-xl);display:grid}.settings-support-form label,.support-message-field{min-width:0}.settings-support-form input,.settings-support-form select,.settings-support-form textarea,.settings-inline-form input{background:linear-gradient(180deg, #fffffffa, #fafcfafa), var(--color-surface)}.settings-support-form .primary-action{width:fit-content}.support-category-select{min-width:0;display:block;position:relative}.support-category-select select{appearance:none;padding-right:42px}.support-category-select svg{top:50%;right:var(--space-xl);pointer-events:none;color:var(--color-text-muted);position:absolute;transform:translateY(-50%)}.support-message-compose{min-width:0;display:block;position:relative}.support-message-field{gap:var(--space-sm);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);display:grid}.support-message-label{line-height:var(--line-height-ui)}.support-message-compose textarea{min-height:132px;padding-right:var(--space-xl);padding-bottom:48px}.support-screenshot-hint{margin:calc(var(--space-xs) * -1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.diagnostic-card{gap:var(--app-section-gap-compact);grid-column:1/-1;display:grid}.diagnostic-log-list{gap:var(--space-lg);max-height:520px;display:grid;overflow:auto}.diagnostic-log-entry{gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid;box-shadow:0 8px 22px #1f2a230a}.diagnostic-log-entry.error{border-color:var(--color-danger-border-soft);background:var(--color-danger-surface-soft)}.diagnostic-log-entry.warning{border-color:var(--color-accent-border);background:var(--color-accent-surface)}.diagnostic-log-entry div{gap:3px;display:grid}.diagnostic-log-entry span{color:var(--color-text-muted);font-size:.84rem}.diagnostic-log-entry pre{max-height:240px;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-strong);white-space:pre-wrap;margin:0;font-size:.78rem;overflow:auto}.registered-users-card{gap:var(--app-section-gap-compact);grid-column:1/-1;display:grid}.registered-users-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid;overflow:auto}.registered-users-row{min-width:1280px;padding:var(--app-table-row-padding-y) var(--app-table-row-padding-x);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);grid-template-columns:minmax(220px,1.3fr) minmax(92px,.5fr) minmax(80px,.45fr) minmax(210px,1.2fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(270px,1.3fr);align-items:center;gap:12px;display:grid}.registered-users-row:first-child{border-top:0}.registered-users-row:not(.header):hover,.admin-study-set-summary-row:not(.header):hover,.support-request-row:not(.header):hover{background:var(--color-info-surface-soft)}.registered-users-row.header{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.admin-study-set-summary-row{min-width:860px;padding:var(--app-table-row-padding-y) var(--app-table-row-padding-x);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);grid-template-columns:minmax(220px,1.3fr) minmax(70px,.4fr) minmax(70px,.4fr) minmax(80px,.4fr) minmax(160px,.9fr) minmax(180px,1fr);align-items:center;gap:12px;display:grid}.admin-study-set-summary-row:first-child{border-top:0}.admin-study-set-summary-row.header{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.admin-study-set-summary-row strong,.admin-study-set-summary-row span{overflow-wrap:anywhere;min-width:0}.support-request-groups{gap:var(--app-section-gap-compact);display:grid}.support-request-group{gap:var(--space-md);display:grid}.support-request-group-heading{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.support-request-group-heading span,.support-request-row small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.support-request-group-heading strong{color:var(--color-text-heading)}.support-request-row{gap:var(--space-xl);min-width:1040px;padding:var(--app-table-row-padding-y) var(--app-table-row-padding-x);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);font-size:var(--font-size-sm);grid-template-columns:minmax(150px,.8fr) minmax(100px,.45fr) minmax(120px,.55fr) minmax(160px,.8fr) minmax(280px,1.4fr) minmax(130px,.6fr);align-items:center;display:grid}.support-request-row:first-child{border-top:0}.support-request-row.header{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.support-request-row span{overflow-wrap:anywhere;min-width:0}.support-request-row span[role=cell]:has(.support-message-button){gap:4px;display:grid}.support-message-button{max-width:100%;color:var(--color-info-text);font:inherit;font-weight:var(--font-weight-bold);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.support-message-button:hover{color:var(--color-accent-text-strong);text-decoration:underline}.support-status{width:fit-content;min-height:24px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-info-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);align-items:center;line-height:1;display:inline-flex}.support-status.open{color:var(--color-info-text)}.support-status.resolved{background:var(--color-success-surface);color:var(--color-success-text)}.support-tab-panel{grid-template-columns:1fr;max-width:1180px}.support-submit-card{align-content:start;gap:var(--app-section-gap);border-color:var(--color-info-border);background:linear-gradient(135deg, #f7fbfffa, #fffffff5 54%, #fff6ebb3), var(--color-surface);display:grid;position:relative;overflow:hidden}.support-submit-card:before{background:linear-gradient(180deg, var(--color-info), var(--color-accent));content:"";width:5px;position:absolute;inset:0 auto 0 0}.support-submit-card>p{margin:0}.support-card-intro,.support-history-title{align-items:flex-start;gap:var(--space-xl);min-width:0;display:flex;position:relative}.support-card-intro h2,.support-card-intro p,.support-history-title h2,.support-history-title p{margin:0}.support-card-intro p,.support-history-title p{color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-ui)}.support-card-icon{border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);width:40px;height:40px;color:var(--color-info-text);flex:none;place-items:center;display:grid}.support-card-icon.secondary{border-color:var(--color-accent-border);background:var(--color-accent-surface);color:var(--color-accent-text-strong)}.support-submit-fields{gap:var(--space-xl);grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);display:grid}.secondary-action.compact.support-screenshot-upload{cursor:pointer;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:inline-grid;position:relative;overflow:hidden}.support-message-compose .secondary-action.compact.support-screenshot-upload{position:absolute;bottom:10px;left:10px}.support-screenshot-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.support-screenshot-upload:focus-within{outline:3px solid var(--color-focus-ring);outline-offset:2px}.support-screenshot-list{gap:var(--space-md);flex-wrap:wrap;display:flex}.support-screenshot-chip{align-items:center;gap:var(--space-md);max-width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-panel);font-size:var(--font-size-xs);display:inline-flex}.support-screenshot-chip span{overflow-wrap:anywhere;min-width:0}.support-screenshot-chip button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.support-history-card{align-content:start;gap:var(--app-section-gap-compact);min-height:0;display:grid}.support-history-grid{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto}.support-history-row{gap:var(--space-xl);min-width:560px;min-height:48px;padding:var(--app-table-row-padding-y) var(--app-table-row-padding-x);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);font-size:var(--font-size-sm);grid-template-columns:minmax(180px,1fr) minmax(100px,.5fr) minmax(180px,.9fr);align-items:center;display:grid}.support-history-row:first-child{border-top:0}.support-history-row.header{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.support-history-row:not(.header):hover{background:var(--color-info-surface-soft)}.support-history-row span{overflow-wrap:anywhere;min-width:0}.support-history-empty{border:1px dashed var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-muted);min-height:88px;color:var(--color-text-muted);font-size:var(--font-size-xs);place-items:center;margin:0;display:grid}.diagnostic-card>.settings-support-form{max-width:760px}.support-status-sort{color:inherit;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.support-status-sort:hover{color:var(--color-text-strong)}.registered-users-row strong,.registered-users-row span{overflow-wrap:anywhere;min-width:0}.registered-users-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.admin-billing-summary{font-size:var(--font-size-xs);color:var(--color-text-muted);gap:3px;display:grid}.admin-billing-summary strong{color:var(--color-text-heading);font-size:var(--font-size-sm)}.secondary-action.compact{min-height:30px;font-size:var(--font-size-xs);padding:0 10px}.file-drop:focus-within{outline:3px solid var(--color-focus-ring);outline-offset:2px}textarea{min-height:116px}.file-drop{border:1px dashed var(--color-accent-border-dashed);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;cursor:pointer;align-content:center;justify-items:center;min-height:138px}.file-drop:hover{background:var(--color-info-surface-soft);border-color:var(--color-info-border-strong)}.source-route-grid{gap:var(--app-section-gap-compact);flex:auto;grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.source-route{align-content:start;gap:var(--space-xl);min-width:0;padding:var(--app-card-padding);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-canvas);display:grid}.source-route.active{border-color:var(--color-info-border-strong);background:var(--color-info-surface-soft)}.source-route.paste-route{grid-column:1/-1;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;min-height:0}.source-route-heading,.source-preview-header{align-items:flex-start;gap:var(--space-lg);display:flex}.source-route-heading div,.source-preview-header div{gap:var(--space-2xs);min-width:0;display:grid}.source-route-heading strong,.source-preview-header strong{color:var(--color-text-heading);font-size:.875rem;font-weight:var(--font-weight-heavy)}.source-route-heading div>span,.source-preview-header div>span{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.3}.source-route-icon{border-radius:var(--radius-md);background:var(--color-info-surface);width:34px;height:34px;color:var(--color-info-text);flex:none;place-items:center;display:grid}.file-drop input{display:none}.url-input{align-items:end;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.url-input label{min-width:0}.url-input .secondary-action{white-space:nowrap;align-self:end;width:fit-content;min-width:118px}.notes-input{gap:var(--space-sm);height:100%;min-height:0;font-weight:var(--font-weight-heavy);display:grid;position:relative}.generation-local-status{z-index:4;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent-surface) 88%, #ffffffe6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c}.generation-local-status p{overflow-wrap:anywhere;justify-items:center;gap:1px;min-width:0;margin:0;display:grid}.generation-local-status strong{color:var(--color-text-heading)}.generation-local-status p>span{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.generation-local-orbit{background:var(--color-accent-surface);width:28px;height:28px;color:var(--color-accent);border-radius:50%;flex:none;place-items:center;animation:1.8s ease-in-out infinite generation-local-glow;display:grid;position:relative}.generation-local-orbit i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s linear infinite generation-local-orbit;position:absolute}.generation-local-orbit i:first-of-type{transform:translateY(-15px)}.generation-local-orbit i:nth-of-type(2){animation-delay:-.47s;transform:translate(13px,8px)}.generation-local-orbit i:nth-of-type(3){animation-delay:-.94s;transform:translate(-13px,8px)}@keyframes generation-local-glow{50%{transform:scale(1.08);box-shadow:0 0 0 6px #5968e214}}@keyframes generation-local-orbit{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.generation-local-orbit,.generation-local-orbit i{animation:none}}.notes-compose{min-width:0;height:100%;min-height:0;position:relative}.notes-compose textarea{height:100%;min-height:80px;padding-right:52px}.notes-compose.has-scrollbar textarea{padding-right:76px}.notes-compose-actions{position:absolute;bottom:8px;right:8px}.notes-compose.has-scrollbar .notes-compose-actions{right:30px}.notes-label-row{align-items:center;gap:4px;width:fit-content;display:inline-flex}.notes-generate-action{width:27px;min-width:27px;height:27px;min-height:27px;padding:0;font-size:.82rem}.notes-generate-action:disabled{pointer-events:none}.source-feedback{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);display:flex}.source-feedback.status{background:var(--color-info-surface);color:var(--color-info-text)}.source-feedback.warning{background:var(--color-danger-surface);color:var(--color-danger-text-strong)}.source-feedback div{gap:var(--space-sm);min-width:0;display:grid}.source-feedback p{margin-bottom:0}.create-guest-panel{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl) var(--app-card-padding);border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface-soft);color:var(--color-info-text);display:flex}.create-guest-panel div{gap:3px;min-width:0;display:grid}.create-guest-panel strong{color:var(--color-text-heading);font-size:var(--font-size-sm)}.create-guest-panel p{color:var(--color-text-panel);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);margin:0}.create-lock-panel{align-items:center;gap:var(--space-xl);padding:var(--app-panel-padding-compact);border-radius:var(--radius-md);border:1px solid var(--color-border-control);background:var(--color-surface-muted);color:var(--color-text-panel);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.create-lock-panel.guest-lock{border-color:var(--color-info-border);background:linear-gradient(90deg, #f7fbfff5, #fff6eb7a), var(--color-info-surface-soft);box-shadow:0 12px 32px #24406c0f}.create-lock-panel.plan-lock{text-align:center;border-color:var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-heading);grid-template-columns:1fr;justify-items:center;gap:12px;box-shadow:0 12px 32px #24406c0f}.create-lock-icon{border-radius:var(--radius-md);background:var(--color-info-surface);width:36px;height:36px;color:var(--color-info-text);place-items:center;display:grid}.create-lock-panel.plan-lock .create-lock-icon{background:var(--color-info-surface);color:var(--color-info-text)}.create-lock-panel>div{gap:var(--space-xs);min-width:0;display:grid}.create-lock-eyebrow{color:var(--color-info-text);font-size:var(--font-size-2xs);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.create-lock-panel.plan-lock .create-lock-eyebrow{color:var(--color-info-text)}.create-lock-panel strong{color:var(--color-text-heading);font-size:var(--font-size-md);line-height:var(--line-height-heading)}.create-lock-panel.plan-lock strong{color:var(--color-text-heading)}.create-lock-panel p{color:var(--color-text-panel);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);margin:0}.create-lock-panel.plan-lock p{color:var(--color-text-panel)}.create-lock-action:disabled{opacity:1;border-color:var(--color-danger-border);background:var(--color-surface);color:var(--color-danger-text-deep)}.create-panel.plan-locked .notes-generate-action:disabled{opacity:.55;background:var(--color-accent);color:var(--color-text);border-color:#0000}.source-preview-panel{gap:var(--space-xl);padding:var(--app-card-padding);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.source-preview-header{align-items:center}.source-preview-ready{color:var(--color-success-text);margin-left:auto}.source-preview-empty{color:var(--color-accent-text-warning);margin-left:auto}.source-preview-panel p{max-height:160px;color:var(--color-text-strong);line-height:var(--line-height-body);margin-bottom:0;overflow:auto}.source-preview-empty-text{color:var(--color-text-muted)!important}.create-action-bar{z-index:3;box-shadow:var(--shadow-popover);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;position:sticky;bottom:18px}.create-action-bar .primary-action{justify-content:center;min-width:180px;font-size:.875rem}.status-line,.success-line,.warning-line{border-radius:var(--radius-md);margin:0;padding:10px 12px}.status-line{color:var(--color-info-text);background:var(--color-info-surface)}.settings-toast{z-index:60;border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);width:min(420px,100vw - 36px);min-height:34px;color:var(--color-info-text);box-shadow:var(--shadow-popover);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui);overflow-wrap:anywhere;align-items:center;padding:6px 12px;display:flex;position:fixed;bottom:18px;right:18px}.success-line{color:var(--color-success-text);background:var(--color-success-surface)}.warning-line{color:var(--color-danger-text-strong);background:var(--color-danger-surface)}.feedback-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-line span{min-width:0}.review-overview-button{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:30px;color:var(--color-danger-text-deep);font:inherit;font-size:.82rem;font-weight:var(--font-weight-heavy);cursor:pointer;flex:none;padding:0 10px}.review-overview-button:hover{background:var(--color-accent-surface)}.modal-backdrop{z-index:80;background:var(--color-overlay-backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.language-modal{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);width:min(480px,100vw - 32px);box-shadow:var(--shadow-modal);gap:14px;padding:20px;display:grid;position:relative}.pricing-modal{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);width:min(1040px,100vw - 32px);box-shadow:var(--shadow-modal);gap:18px;padding:24px;display:grid;position:relative}.support-request-modal{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);width:min(640px,100vw - 32px);box-shadow:var(--shadow-modal);gap:16px;padding:22px;display:grid;position:relative}.delete-study-set-modal{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);width:min(460px,100vw - 32px);box-shadow:var(--shadow-modal);gap:16px;padding:22px;display:grid;position:relative}.delete-study-set-modal-heading{gap:6px;padding-right:42px;display:grid}.delete-study-set-modal-heading h2,.delete-study-set-modal-heading p{margin:0}.delete-study-set-modal-heading p{color:var(--color-text-panel);font-size:var(--font-size-sm);line-height:var(--line-height-ui)}.delete-study-set-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.delete-study-set-modal-actions .danger-action{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger-text-strong)}.support-request-modal-heading{gap:4px;padding-right:42px;display:grid}.support-request-modal-heading h2,.support-request-modal-heading p,.support-request-modal-body p{margin:0}.support-request-modal-heading p{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.support-request-modal-body{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-muted);max-height:min(52vh,420px);padding:14px;overflow:auto}.support-request-modal-body label{gap:8px;display:grid}.support-request-modal-body textarea{resize:vertical;min-height:220px}.support-request-modal-body p{color:var(--color-text-panel);line-height:var(--line-height-body);white-space:pre-wrap;overflow-wrap:anywhere}.support-request-screenshots{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}.support-request-screenshots a{color:var(--color-text-panel);font-size:var(--font-size-xs);gap:6px;text-decoration:none;display:grid}.support-request-screenshots img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);width:100%}.support-request-screenshots span{overflow-wrap:anywhere}.pricing-modal-heading{gap:4px;padding-right:42px;display:grid}.pricing-modal-heading h2,.pricing-modal-heading p{margin:0}.pricing-modal-heading p{color:var(--color-text-panel);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.pricing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pricing-plan-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);align-content:start;gap:14px;min-width:0;min-height:260px;padding:24px;display:grid;box-shadow:0 12px 26px #181f2a0d}.pricing-plan-card h3{color:var(--color-text-heading);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:0}.pricing-plan-price{align-items:baseline;gap:3px;display:flex}.pricing-plan-price span{color:var(--color-text-muted);font-size:var(--font-size-md)}.pricing-plan-price strong{color:var(--color-text-heading);font-size:2.7rem;line-height:1}.pricing-plan-price small{color:var(--color-text-panel);font-size:var(--font-size-xs)}.pricing-plan-card p{color:var(--color-text-panel);font-size:var(--font-size-sm);line-height:var(--line-height-body);margin:0}.pricing-plan-features{min-height:54px;color:var(--color-text-panel);font-size:var(--font-size-sm);line-height:var(--line-height-body);gap:6px;margin:0;padding:0;list-style:none;display:grid}.pricing-plan-features li{align-items:flex-start;gap:7px;display:flex}.pricing-plan-features li:before{content:"";background:var(--color-accent);border-radius:999px;flex:none;width:5px;height:5px;margin-top:8px}.pricing-plan-action{width:100%;margin-top:auto}.modal-close{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-panel);cursor:pointer;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{border-color:var(--color-accent-border);background:var(--color-accent-surface)}.modal-heading{align-items:center;gap:12px;padding-right:38px;display:flex}.modal-heading h2,.language-modal p{margin:0}.modal-icon{border-radius:var(--radius-lg);background:var(--color-accent-surface-hover);width:40px;height:40px;color:var(--color-accent-text-strong);flex:none;place-items:center;display:grid}.language-search{border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface);min-height:42px;color:var(--color-text-placeholder);align-items:center;gap:9px;padding:0 12px;display:flex}.language-search input{width:100%;min-width:0;color:var(--color-text-input);font:inherit;border:0;outline:0}.language-list{gap:8px;max-height:min(320px,42vh);padding-right:4px;display:grid;overflow:auto}.language-list button{border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);min-height:42px;color:var(--color-info-text);font:inherit;font-weight:var(--font-weight-heavy);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.language-list button:hover:not(:disabled){border-color:var(--color-info-border-strong);background:var(--color-info-surface-hover)}.language-list button:disabled{cursor:wait;opacity:.7}.language-list button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.language-list button strong{color:var(--color-accent-text-strong);flex:none;font-size:.78rem}.language-empty{border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted);padding:12px}.workspace{--study-mode-tabs-sticky-offset:112px;min-width:0;box-shadow:none;background:0 0;border:0;padding:0}.workspace-utility-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-progress-summary{gap:var(--space-sm);min-width:0;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);flex:1;display:grid}.workspace-progress-summary>div{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.workspace-progress-summary strong{color:var(--color-text-muted);font-size:.82rem;line-height:var(--line-height-ui)}.workspace-progress-summary p{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.workspace-progress-summary .eyebrow{margin-bottom:0}.workspace-progress-summary .progress-track{height:6px}.guest-progress-summary>div{grid-template-columns:auto minmax(0,1fr)}.guest-progress-summary p{white-space:normal}.workspace-layout{--material-panel-sticky-offset:18px;--workspace-material-panel-width:420px;gap:var(--app-section-gap);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.workspace-layout.has-material-panel{grid-template-columns:minmax(0, 1fr) minmax(360px, var(--workspace-material-panel-width))}.workspace-main{gap:var(--app-section-gap);min-width:0;display:grid}.mode-tabs{z-index:1;gap:var(--space-xs);overscroll-behavior-x:contain;scrollbar-width:thin;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-wrap:nowrap;scroll-padding-inline:8px;display:flex;position:relative;overflow-x:auto}.mode-tabs button{align-items:center;gap:var(--space-sm);min-height:31px;padding:0 var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-panel);font-size:var(--font-size-xs);white-space:nowrap;background:0 0;flex:none;line-height:1;display:inline-flex}.mode-tabs button.active,.mode-tabs button:hover{background:var(--color-surface);box-shadow:var(--shadow-active-control)}.mode-tabs button.locked{color:var(--color-text-muted)}.mode-tabs button.locked:hover,.mode-tabs button.locked:focus-visible{background:var(--color-surface);color:var(--color-text-panel)}.notes-grid{align-items:start;gap:var(--app-section-gap-compact);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.note-section{padding:var(--app-section-gap)}.overview-document{gap:var(--space-7xl);max-width:860px;padding:var(--space-md) 0 var(--space-xs);display:grid}.workspace-layout:not(.has-material-panel) .overview-document{max-width:none}.overview-title{padding-bottom:var(--app-section-gap);border-bottom:1px solid var(--color-border-subtle)}.overview-title h2{margin-bottom:0}.overview-section{gap:var(--app-section-gap-compact);padding-bottom:var(--space-7xl);border-bottom:1px solid var(--color-border-muted);display:grid}.overview-section:last-child{border-bottom:0;padding-bottom:0}.overview-section h3{gap:var(--space-md);align-items:baseline;margin-bottom:0;display:flex}.overview-section h3 span{color:var(--color-accent-strong)}.overview-section ul{gap:var(--space-lg);margin:0;padding-left:24px;display:grid}.overview-section li,.note-section li{line-height:var(--line-height-body)}.overview-section li::marker{color:var(--color-marker-muted)}.overview-summary{padding:var(--space-xl) var(--app-card-padding);border-left:4px solid var(--color-info-text);background:var(--color-info-surface-soft);margin:2px 0 0;font-style:italic}.overview-summary strong{color:var(--color-info);margin-right:8px;font-style:normal}.note-section ul,.rubric-list,.steps-list,.settings-card ul{margin-bottom:0;padding-left:20px}.material-panel{align-self:start;gap:var(--space-md);width:var(--workspace-material-panel-width);max-width:100%;padding:var(--space-md);top:var(--material-panel-sticky-offset);z-index:31;height:var(--material-panel-visible-height,calc(100vh - (var(--material-panel-sticky-offset) * 2)));max-height:var(--material-panel-visible-height,calc(100vh - (var(--material-panel-sticky-offset) * 2)));font-size:var(--font-size-xs);grid-template-rows:auto minmax(0,1fr);display:grid;position:sticky;overflow:hidden}.material-panel-toolbar{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(0,1fr) 28px;min-width:0;display:grid}.material-tabs{gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.material-tabs:has(button:only-child){grid-template-columns:1fr}.material-tabs button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:24px;padding:0 var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-panel);font:inherit;font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);cursor:pointer;background:0 0;border:0;display:inline-flex}.material-tabs button svg{width:11px;height:11px}.material-tabs button.active{background:var(--color-surface);box-shadow:var(--shadow-active-control)}.material-panel-close-button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--color-surface-muted);width:28px;height:28px;color:var(--color-text-panel);border:0;place-items:center;display:grid}.material-panel-close-button:hover{background:var(--color-accent-surface-hover);color:var(--color-accent-text-dark)}.material-panel>[role=tabpanel]{min-height:0;overflow:hidden}.material-panel>[role=tabpanel]:not([hidden]){grid-template-rows:minmax(0,1fr);display:grid}.material-content-panel,.material-chat-panel{box-sizing:border-box;align-content:start;gap:var(--space-md);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden auto}.standalone-tutor-panel{--dashboard-tutor-top:clamp(218px, 24vh, 248px);--standalone-tutor-panel-width:286px;top:var(--dashboard-tutor-top);right:calc(72px + env(safe-area-inset-right));z-index:60;width:min(var(--standalone-tutor-panel-width), calc(100vw - 104px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(100dvh - var(--dashboard-tutor-top) - 18px - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--dashboard-tutor-top) - 18px - env(safe-area-inset-bottom));position:fixed;bottom:auto}@media (width>=821px){.standalone-tutor-panel{--standalone-tutor-panel-width:372px}}.standalone-tutor-heading{align-items:center;gap:var(--space-xs);min-height:28px;color:var(--color-text-panel);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);display:inline-flex}.standalone-tutor-chat{min-height:0;overflow:hidden}.standalone-tutor-panel .material-chat-panel .chat-form textarea,.standalone-tutor-panel .material-chat-panel .chat-form textarea::placeholder{font-size:var(--font-size-2xs)}.standalone-tutor-panel .material-chat-panel .chat-form textarea{field-sizing:content;min-height:24px;max-height:38px;padding:4px 7px;overflow-y:auto}.material-content-panel,.material-chat-panel .chat-log,.source-text-viewer{scrollbar-width:thin;scrollbar-color:var(--color-border-control) transparent}.material-content-panel::-webkit-scrollbar{width:6px}.material-chat-panel .chat-log::-webkit-scrollbar{width:6px}.source-text-viewer::-webkit-scrollbar{width:6px}.material-content-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-border-control)}.material-chat-panel .chat-log::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-border-control)}.source-text-viewer::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-border-control)}.material-content-panel::-webkit-scrollbar-track{background:0 0}.material-chat-panel .chat-log::-webkit-scrollbar-track{background:0 0}.source-text-viewer::-webkit-scrollbar-track{background:0 0}.material-chat-panel{font-size:calc(var(--font-size-xs) + 2px);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;overflow:hidden}.material-panel-heading{min-width:0;padding:var(--space-2xs) var(--space-2xs) var(--space-sm)}.material-panel-heading h2{color:var(--color-text-heading);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:0}.source-header{padding:var(--space-xs) 0 0;justify-content:space-between;gap:var(--space-md)}.source-header h2,.source-header p{margin-bottom:0}.source-count{min-height:18px;color:var(--color-accent-text-strong);background:var(--color-accent-surface-hover);font-size:var(--font-size-2xs);padding:0 6px}.source-actions{align-items:center;gap:4px;width:fit-content;max-width:100%;display:flex;position:relative}.source-link{width:fit-content;color:var(--color-info-text);font-weight:var(--font-weight-heavy);text-decoration:none}.source-link:hover{text-decoration:underline}.source-info-control{flex:none}.source-info-button{width:18px;height:22px;color:var(--color-accent-text-warning);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.source-info-button:hover,.source-info-button[aria-expanded=true]{color:var(--color-accent-strong)}.source-info-flyout{box-sizing:border-box;clear:both;border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:var(--shadow-popover);padding:12px;display:block}.source-info-flyout strong{color:var(--color-accent-text-strong);margin-bottom:8px;font-size:.86rem;display:block}.source-info-flyout ul{gap:8px;margin:0;padding-left:18px;display:grid}.source-info-flyout li{color:var(--color-accent-text);font-size:.88rem;line-height:var(--line-height-body)}.embedded-source{gap:6px;display:grid}.source-preview-label{color:var(--color-text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.video-frame,.document-frame{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-text);overflow:hidden}.document-frame{background:var(--color-canvas);border:1px solid var(--color-border-subtle);min-height:360px}.video-frame iframe,.document-frame iframe{border:0;width:100%;height:100%}.image-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-canvas);overflow:hidden}.image-frame img{object-fit:contain;width:100%;max-height:620px;display:block}.source-text-viewer{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);max-height:420px;color:var(--color-text-strong);font:inherit;font-size:var(--font-size-xs);white-space:pre-wrap;margin:0;padding:8px;line-height:1.45;overflow:auto}.transcript-list{gap:8px;display:grid}.transcript-chunk{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);gap:6px;padding:10px;display:grid}.transcript-chunk span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy)}.transcript-chunk p{color:var(--color-text-strong);font-size:var(--font-size-sm);margin-bottom:0;line-height:1.5}.practice-panel{gap:var(--app-panel-padding-compact);padding:var(--app-panel-padding);display:grid}.card-counter{justify-content:space-between;align-items:center;gap:var(--space-xl);font-weight:var(--font-weight-heavy);display:flex}.flashcard{place-items:center;gap:var(--space-lg);min-height:260px;padding:var(--space-6xl);border-radius:var(--radius-md);background:var(--color-accent-surface);color:var(--color-text-heading);text-align:center;display:grid}.flashcard span{color:var(--color-accent-text-muted);font-weight:var(--font-weight-heavy);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.flashcard strong{max-width:720px;font-size:var(--font-size-2xl);line-height:var(--line-height-heading)}.question-stack{gap:var(--app-section-gap-compact);display:grid}.question-card{gap:var(--space-xl);padding:var(--app-section-gap);display:grid}.question-heading{justify-content:space-between;gap:var(--space-xl);color:var(--color-text-muted);font-size:.85rem;font-weight:var(--font-weight-heavy)}.choices{gap:var(--space-md);display:grid}.choice-button{padding:var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--color-border-control);background:var(--color-surface);color:var(--color-text-heading);text-align:left}.choice-button:hover{border-color:var(--color-info)}.choice-button.correct{border-color:var(--color-success-border);background:var(--color-success-surface)}.choice-button.incorrect{border-color:var(--color-danger-border);background:var(--color-danger-surface)}.choice-button.muted{opacity:.58}.inline-answer{gap:var(--space-lg)}.response-box{min-height:130px}.written-actions{gap:var(--space-md)}.written-actions .primary-action,.written-actions .secondary-action{min-height:var(--app-control-height-sm);padding:0 var(--space-lg);border-radius:var(--radius-sm);font-size:.875rem}.model-answer{padding:var(--app-card-padding);border-radius:var(--radius-md);background:var(--color-accent-surface)}.mastery-badge.unfamiliar{color:var(--color-mastery-unfamiliar-text);background:var(--color-accent-surface-strong)}.mastery-badge.learning{color:var(--color-accent-text-warning);background:var(--color-accent-surface-hover)}.mastery-badge.familiar{color:var(--color-info-text);background:var(--color-info-surface)}.mastery-badge.mastered{color:var(--color-accent-text-strong);background:var(--color-mastery-mastered-surface)}.chat-panel,.material-chat-panel,.solve-panel{gap:var(--app-section-gap-compact);padding:var(--app-section-gap);display:grid}.chat-log{align-content:start;gap:var(--app-section-gap-compact);min-width:0;min-height:0;max-height:460px;padding:4px 2px;display:grid;overflow:hidden auto}.material-chat-panel .chat-log{overscroll-behavior:contain;min-height:0;max-height:none;padding:4px 4px 8px;overflow-y:auto}.chat-preview-card{gap:var(--space-sm);padding:var(--app-card-padding);border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #f7fbfffa, #ffffffeb), var(--color-info-surface-soft);color:var(--color-text-panel);display:grid}.chat-preview-card .eyebrow{color:var(--color-info-text)}.chat-preview-card strong{color:var(--color-text-heading);font-size:var(--font-size-sm);line-height:var(--line-height-heading)}.chat-preview-card p{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:0}.material-chat-footer{gap:var(--space-md);align-self:end;min-width:0;display:grid}.material-chat-footer .status-line{margin:0}.chat-upgrade-card{gap:8px;display:grid}.chat-upgrade-card p{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:0}.chat-upgrade-banner{box-sizing:border-box;border:1px solid var(--color-accent-border);border-radius:var(--radius-composer-shell);background:var(--color-accent-surface);width:100%;min-height:50px;color:var(--color-accent-text-strong);font:inherit;font-weight:var(--font-weight-heavy);line-height:var(--line-height-ui);text-align:center;cursor:pointer;box-shadow:var(--shadow-composer);justify-content:center;align-items:center;padding:12px 14px;display:flex}.chat-upgrade-banner:hover{border-color:var(--color-accent-border-dashed);background:var(--color-accent-surface-hover)}.chat-message{max-width:92%;color:var(--color-text);gap:6px;display:grid}.chat-message.student{justify-self:end}.chat-message.tutor{justify-self:start}.chat-message span{font-size:.78rem;font-weight:var(--font-weight-heavy);color:var(--color-text-subtle);display:block}.material-chat-panel .chat-message span{font-size:calc(.78rem + 2px)}.chat-message-content{border-radius:var(--radius-bubble);color:inherit;font:inherit;line-height:var(--line-height-body);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:12px 14px;display:block}.chat-message.student .chat-message-content{background:var(--color-info-surface);border-top-right-radius:6px}.chat-message.tutor .chat-message-content{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-top-left-radius:6px}.chat-message-content p{margin-bottom:0}.chat-message-content strong{font-weight:var(--font-weight-heavy)}.chat-form{gap:10px}.chat-form input{flex:1}.material-chat-panel .chat-form{box-sizing:border-box;border:1px solid var(--color-border-control);border-radius:var(--radius-composer-shell);background:var(--color-surface);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow-composer);grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:center;gap:0 6px;padding:8px;display:grid}.material-chat-panel .chat-form textarea{box-sizing:border-box;resize:none;border-radius:var(--radius-composer);background:0 0;border:0;width:100%;min-width:0;max-width:100%;min-height:34px;max-height:80px;padding:8px 7px;font-size:calc(.825rem + 2px);line-height:1.35;overflow-y:hidden}.chat-composer-bar{grid-area:1/2;justify-content:flex-end;align-items:center;gap:6px;margin-top:0;display:flex}.material-chat-panel .chat-form textarea:focus-visible{outline:0}.composer-send-button{font:inherit;cursor:pointer;border-radius:var(--radius-pill);background:var(--color-surface-inverse-strong);width:25px;height:25px;color:var(--color-surface);border:0;place-items:center;display:grid}.composer-send-button:hover:not(:disabled){background:var(--color-surface-inverse-hover)}.composer-send-button:disabled{cursor:default;background:var(--color-border-control);color:var(--color-text-subtle)}.composer-send-button svg{width:13px;height:13px}.solve-form{gap:12px;display:grid}.solve-form textarea{min-height:120px}.settings-panel{--settings-panel-shadow:0 18px 48px #1f2a2312;--settings-panel-border:#aebcb28c;font-size:var(--font-size-sm);line-height:var(--line-height-ui);grid-template-columns:1fr}.settings-layout{align-items:start;gap:var(--space-4xl);grid-template-columns:minmax(218px,248px) minmax(0,1fr);display:grid}.settings-side-panel{top:var(--app-section-gap);min-width:0;padding:var(--app-panel-padding-compact);border:1px solid var(--settings-panel-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #fffffff5, #f7fbffb8), var(--color-surface);box-shadow:var(--settings-panel-shadow);position:sticky}.settings-nav-list{gap:var(--space-5xl);min-width:0;display:grid}.settings-nav-group{gap:var(--space-lg);min-width:0;display:grid}.settings-nav-heading{margin:0 0 var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);letter-spacing:0;text-transform:uppercase}.settings-content{gap:var(--space-4xl);width:min(100%,1320px);min-width:0;display:grid}.settings-tab-panel{gap:var(--space-4xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.settings-tab-panel.support-tab-panel{grid-template-columns:1fr}.settings-tabs{gap:var(--space-sm);min-width:0;display:grid}.settings-tabs button{align-items:center;gap:var(--space-lg);width:100%;min-height:38px;padding:0 var(--space-xl) 0 var(--space-lg);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr);display:grid;position:relative}.settings-tabs button svg{color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-standard);justify-self:center}.settings-tabs button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-tabs button:hover,.settings-tabs button.active{border-color:var(--color-info-border);background:linear-gradient(90deg, #e7eefcb8, #ffffffb8), var(--color-info-surface-soft);color:var(--color-text-strong)}.settings-tabs button.active{box-shadow:inset 3px 0 0 var(--color-info), 0 8px 20px #24406c14}.settings-tabs button.active svg{color:var(--color-info-text)}.settings-hero{align-items:center;gap:var(--space-xl);min-width:0;padding:var(--app-panel-padding);border:1px solid var(--settings-panel-border);border-radius:var(--radius-md);background:linear-gradient(135deg, #f7fbfffa, #fffffffa 48%, #fff6eb7a), var(--color-surface);box-shadow:var(--settings-panel-shadow);grid-template-columns:auto minmax(0,1fr);display:grid}.settings-hero-icon{border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);width:42px;height:42px;color:var(--color-info-text);place-items:center;display:grid}.settings-hero-copy{gap:var(--space-2xs);min-width:0;display:grid}.settings-hero-copy span{color:var(--color-text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-heavy);text-transform:uppercase}.settings-hero-copy h2,.settings-hero-copy p{margin:0}.settings-hero-copy h2{color:var(--color-text-heading);font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.settings-hero-copy p{max-width:760px;color:var(--color-text-subtle);line-height:var(--line-height-ui)}.login-screen{min-height:100vh;padding:var(--space-6xl);background:linear-gradient(135deg, var(--color-login-gradient), transparent 38%), var(--color-canvas);place-items:center;display:grid}.login-card{gap:var(--app-section-gap);width:min(100%,430px);padding:var(--space-7xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-login-card);display:grid}.login-card h1{margin-bottom:var(--space-md)}.login-card p{color:var(--color-text-subtle);line-height:var(--line-height-body);margin-bottom:0}.auth-modal-backdrop{z-index:50;padding:var(--space-6xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16181742;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.auth-modal-card{width:min(100%,430px);max-width:min(430px,100vw - 32px);max-height:min(720px, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px));overscroll-behavior:contain;position:relative;overflow:hidden auto}.auth-modal-close{top:var(--app-card-padding);right:var(--app-card-padding);border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-surface-muted);width:30px;height:30px;color:var(--color-text-strong);cursor:pointer;place-items:center;display:grid;position:absolute}.auth-modal-close:hover{border-color:var(--color-border-strong);background:var(--color-accent-hover-soft)}.login-card .auth-modal-reason{margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xl);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-surface);color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy)}.login-form{gap:var(--app-section-gap-compact);display:grid}.google-signin-block{justify-items:center;gap:var(--space-md);min-height:var(--app-control-height);max-width:100%;display:grid;overflow:hidden}.auth-divider{align-items:center;gap:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);grid-template-columns:1fr auto 1fr;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border-subtle);height:1px}.auth-switch-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.text-action{color:var(--color-accent-strong);font:inherit;font-weight:var(--font-weight-heavy);cursor:pointer;background:0 0;border:0}.account-delete-form{gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle);display:grid}.account-delete-form p{color:var(--color-danger);margin-bottom:0;font-size:.78rem}.account-delete-actions{gap:var(--space-sm);display:flex}.inline-empty{align-items:center;gap:var(--space-lg);padding:var(--app-section-gap);border-radius:var(--radius-md);color:var(--color-text-subtle);background:var(--color-surface-muted);display:flex}.inline-empty p{margin-bottom:0}@media (width<=480px){.auth-modal-backdrop{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);place-items:start center}.auth-modal-card{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 22px);gap:16px;padding:20px 16px 18px}.auth-modal-close{top:12px;right:12px}.login-card .auth-modal-reason{margin-top:0;padding:14px 16px}.auth-switch-row{gap:10px 14px}}@media (width<=1180px){.dashboard-seo-section-grid,.seo-route-link-grid{grid-template-columns:1fr}.workspace-layout.has-material-panel{grid-template-columns:minmax(0,1fr)}.workspace-layout.has-material-panel>.material-panel{z-index:60;position:fixed;right:18px}}@media (width<=820px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100dvh;min-height:0;overflow:hidden}.app-shell.guest-dashboard-empty{grid-template-rows:auto 1fr;align-content:start}.sidebar{z-index:40;border-right:0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) auto;gap:10px;height:auto;padding:14px 18px 12px;display:grid;position:sticky;top:0;overflow:visible;box-shadow:0 10px 24px #2227240f}.brand-row{min-width:0;margin-bottom:0}.brand-mark{width:40px;height:40px}.brand-row strong{font-size:1rem}.sidebar-nav{grid-column:1/-1}.sidebar-nav-study-row{grid-template-columns:minmax(0,1fr) 44px}.sidebar-nav button{min-height:42px;padding:0 12px}.sidebar-nav .sidebar-create-button{width:44px;min-width:44px;height:42px}.mobile-subject-toggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-height:42px;color:var(--color-text-control);font:inherit;font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:0 12px;display:grid}.mobile-subject-toggle strong{border-radius:var(--radius-pill);background:var(--color-info-surface);min-width:24px;min-height:24px;color:var(--color-info-text);font-size:var(--font-size-xs);place-items:center;display:grid}.mobile-subject-toggle svg{transition:transform var(--duration-fast) var(--ease-standard)}.mobile-subject-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-subject-toggle:hover,.mobile-subject-toggle:focus-visible{border-color:var(--color-info-border-strong);background:var(--color-info-surface-soft)}.sidebar-study-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);grid-column:1/-1;max-height:260px;margin-top:0;padding:8px;display:none}.sidebar-study-list.mobile-open{display:grid}.account-menu{grid-area:1/2;justify-content:end;align-items:center;margin-top:0;padding-top:0}.account-button,.account-signin-button{aspect-ratio:1;grid-template-columns:1fr;justify-items:center;gap:0;width:44px;height:44px;min-height:44px;padding:5px}.account-profile-avatar,.account-signin-avatar{justify-self:center;width:32px;height:32px}.account-profile-copy,.account-signin-copy{display:none}.account-flyout{width:min(260px,100vw - 36px);inset:calc(100% + 8px) 0 auto auto;transform:none}.sidebar-resize-handle{display:none}.app-shell.guest-dashboard-empty .sidebar{align-items:center;padding-bottom:18px;position:static}.app-shell.guest-dashboard-empty .brand-row{align-self:center}.app-shell.guest-dashboard-empty .account-menu.guest-account{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:45;grid-area:auto;justify-content:center;position:fixed;transform:translate(-50%)}.app-shell.guest-dashboard-empty .account-signin-button{aspect-ratio:1;border-radius:var(--radius-pill);grid-template-columns:1fr;justify-items:center;gap:0;width:52px;min-width:52px;height:52px;min-height:52px;padding:0}.app-shell.guest-dashboard-empty .account-signin-avatar{width:34px;height:34px}.app-shell.guest-dashboard-empty .account-signin-copy{display:none}.main-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:18px;position:relative;overflow:hidden auto}.main-content>.dashboard-grid{flex:none;min-height:auto;overflow:visible}.main-content>.dashboard-grid>.set-list{flex:none;min-height:auto;padding-right:0;overflow:visible}.main-content>.dashboard-grid>.dashboard-seo-content,.main-content>.dashboard-grid>.empty-state{flex:none;min-height:auto;overflow:visible}.main-content>.dashboard-grid.seo-landing-grid{flex-direction:column;flex:none;min-height:auto;display:flex;overflow:visible}.main-content.create-main-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;display:block;overflow:hidden auto}.main-notification-stack{gap:8px}.global-notification-banner{align-self:stretch;width:100%;min-height:0;padding:8px 10px}.global-notification-banner p{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;font-size:var(--font-size-sm);line-height:1.35;overflow:visible}.global-notification-banner .title-edit-button{z-index:1;flex:none;min-width:40px;min-height:40px;position:relative}.create-main-content .create-panel{min-height:auto;overflow:visible}.app-shell.guest-dashboard-empty .main-content{padding-bottom:18px}.topbar,.workspace-utility-bar,.library-toolbar,.source-header{flex-direction:column;align-items:flex-start}.topbar-title-cluster{align-items:flex-start}.study-topbar .topbar-title-cluster,.study-topbar .topbar-study-meta{width:100%}.study-topbar .title-display{grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;display:grid}.study-topbar .title-display h1{max-width:none}.study-topbar .title-action-cluster{justify-self:end}.ai-tutor-fab{right:calc(40px + env(safe-area-inset-right));left:auto;bottom:calc(22px + env(safe-area-inset-bottom));border-radius:14px;width:50px;min-height:50px;padding:0}.mobile-pull-to-refresh-indicator{top:calc(var(--mobile-sidebar-height) + 8px);z-index:90;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);pointer-events:none;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.mobile-pull-to-refresh-indicator svg{animation:.8s linear infinite mobile-pull-refresh-spin}.ai-tutor-fab span{display:none}.material-panel{z-index:100;border-radius:0;width:auto;max-width:none;height:100dvh;max-height:100dvh;padding:18px;position:fixed;inset:0}.material-panel.standalone-tutor-panel{inset:var(--mobile-sidebar-height) 0 0;z-index:100;width:auto;max-width:none;height:calc(100dvh - var(--mobile-sidebar-height));max-height:calc(100dvh - var(--mobile-sidebar-height));position:fixed}.workspace-layout.has-material-panel>.material-panel{inset:var(--mobile-sidebar-height) 0 0;z-index:100;width:auto;max-width:none;height:calc(100dvh - var(--mobile-sidebar-height));max-height:calc(100dvh - var(--mobile-sidebar-height));border-radius:0;padding:18px;position:fixed}.material-panel.standalone-tutor-panel .material-panel-toolbar{z-index:1;position:relative}.material-panel-toolbar{grid-template-columns:minmax(0,1fr) 44px;min-height:44px}.material-panel-close-button{z-index:1;width:44px;height:44px;min-height:44px;position:relative}.material-content-panel,.material-chat-panel .chat-log,.source-text-viewer{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dashboard-hero{grid-template-columns:1fr;padding:18px}.dashboard-hero-copy{grid-template-columns:1fr;grid-template-areas:"kicker""title""body""support";gap:8px}.dashboard-hero h1{font-size:1.33rem;line-height:1.16}.dashboard-hero .dashboard-hero-body,.dashboard-hero .dashboard-hero-support{font-size:.8125rem;line-height:1.5}.create-main-content .page-title{font-size:1.25rem}.create-section-heading h2,.settings-card h2,.study-card h2{font-size:.7rem}.source-route-heading strong,.source-preview-header strong{font-size:.8125rem}.source-route-heading div>span,.source-preview-header div>span,.study-card-updated,.settings-card p,.settings-card-header p,.settings-summary-card>p{font-size:.75rem}.dashboard-hero-actions{justify-content:stretch}.dashboard-hero-actions,.dashboard-hero-actions .primary-action,.dashboard-hero-actions .secondary-action{width:100%}.metrics-row,.dashboard-summary-row,.form-grid,.source-route-grid,.upload-band,.workspace-layout,.settings-layout{grid-template-columns:1fr}.settings-side-panel{position:static}.settings-hero{grid-template-columns:auto minmax(0,1fr)}.settings-tabs{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.settings-card-header,.support-submit-fields,.deleted-study-set-toolbar{flex-direction:column;align-items:stretch}.support-submit-fields,.settings-plan-overview{grid-template-columns:1fr}.settings-card-header .secondary-action,.deleted-study-set-toolbar .secondary-action,.settings-support-form .primary-action{width:100%}.settings-toast{width:min(360px,100vw - 28px);bottom:14px;right:14px}.deleted-study-set-grid{grid-template-columns:1fr}.dashboard-summary-row{gap:12px}.dashboard-summary-row .metrics-row{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.dashboard-summary-row .metric-card{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:64px;padding:8px}.dashboard-summary-row .metric-card svg{width:18px;height:18px}.dashboard-summary-row .metric-card span{font-size:var(--font-size-xs)}.subject-filter-panel{width:100%;overflow-x:auto}.subject-filter-group,.subject-filter-group.filter-all{max-width:100%}.library-toolbar{width:100%}.search-field{max-width:none}.chat-form,.inline-answer{flex-direction:column;align-items:stretch}.workspace-progress-summary{width:100%}.workspace-progress-summary>div{grid-template-columns:1fr}.workspace-progress-summary strong{grid-row:auto}.source-route.paste-route{grid-column:auto}.url-input{grid-template-columns:1fr}.url-input .secondary-action{width:100%}.create-lock-panel{grid-template-columns:auto minmax(0,1fr);align-items:start}.create-lock-panel.plan-lock{grid-template-columns:1fr}.create-lock-action{grid-column:1/-1;width:100%}.create-section-heading,.create-action-bar{flex-wrap:wrap;align-items:stretch}.create-section-heading .knowledge-mode-options{margin-left:0}.create-action-bar .primary-action{width:100%}.mode-tabs{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));align-items:stretch;gap:6px;padding:6px;display:grid;overflow:visible}.mode-tabs button{white-space:normal;text-align:left;justify-content:flex-start;align-items:center;gap:5px;width:100%;min-height:0;padding:8px 6px;line-height:1.2}.notes-compose textarea{padding-right:48px}.notes-compose.has-scrollbar textarea{padding-right:70px}.notes-compose-actions{right:8px}.notes-compose.has-scrollbar .notes-compose-actions{right:24px}.notes-generate-action{width:27px;min-width:27px}.modal-backdrop{scrollbar-width:none;-ms-overflow-style:none;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 12px;align-items:start;overflow:hidden auto}.pricing-modal{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 24px);scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:12px;overflow:hidden auto}.pricing-modal-heading{gap:2px;padding-right:36px}.pricing-modal-heading h2{font-size:1.375rem}.pricing-modal-heading p{font-size:.75rem}.modal-backdrop::-webkit-scrollbar{width:0;height:0;display:none}.pricing-modal::-webkit-scrollbar{width:0;height:0;display:none}.pricing-plan-grid{grid-template-columns:1fr;gap:10px}.pricing-plan-card{gap:8px;min-height:0;padding:14px}.pricing-plan-card h3{font-size:1.5rem}.pricing-plan-price strong{font-size:1.95rem}.pricing-plan-price span{font-size:.8125rem}.pricing-plan-price small,.pricing-plan-features{font-size:.75rem}.pricing-plan-features{gap:3px;min-height:0;line-height:1.35}.pricing-plan-features li:before{margin-top:6px}.pricing-plan-action{min-height:40px}}@keyframes mobile-pull-refresh-spin{to{transform:rotate(360deg)}}@media (width<=480px){.settings-tab-panel,.settings-tabs{grid-template-columns:1fr}.settings-side-panel,.settings-hero,.settings-card{padding:16px}.settings-nav-list,.settings-content,.settings-tab-panel{gap:14px}.settings-hero{align-items:start}.settings-hero-icon{width:38px;height:38px}.settings-fact-grid,.settings-fact-grid.compact{grid-template-columns:1fr}.settings-meta-list{grid-template-columns:1fr;gap:3px 0}.settings-meta-list strong:not(:last-child){margin-bottom:8px}.deleted-study-set-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.deleted-study-set-card .secondary-action{grid-column:1/-1;width:100%}.registered-users-card,.diagnostic-card{min-width:0}}.main-content>.dashboard-grid.empty-library-dashboard{padding-bottom:64px;overflow:hidden auto}.empty-library-page-title{flex:none;margin:0}.empty-library-content{flex:none;gap:28px;display:grid}.empty-library-panel{border:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:10px;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px;display:grid}.empty-library-icon{background:var(--color-accent-surface);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.empty-library-panel h2,.demo-library h2{font-size:var(--font-size-lg);line-height:var(--line-height-heading);margin:0}.empty-library-panel p,.demo-library-intro{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:6px 0 16px}.demo-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.demo-library-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-width:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:11px;flex-direction:column;padding:0;display:flex;overflow:hidden}.demo-library-card:hover{border-color:var(--color-border-strong)}.demo-library-card:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.demo-library-cover{background:var(--color-surface-muted);width:100%;color:var(--color-success-text);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 17px;line-height:18px;display:flex}.demo-library-cover svg{flex-shrink:0}.demo-library-algebra .demo-library-cover{background:var(--color-info-surface);color:var(--color-info-text)}.demo-library-history .demo-library-cover{background:var(--color-accent-surface);color:var(--color-accent-text)}.demo-library-body{flex-direction:column;flex:1;width:100%;min-width:0;padding:17px 17px 10px;display:flex}.demo-library-card-title{font-size:var(--font-size-md);line-height:var(--line-height-ui)}.demo-library-description{font-size:var(--font-size-xs);line-height:var(--line-height-body);color:var(--color-text-subtle);margin:7px 0 14px}.demo-library-tools{font-size:var(--font-size-2xs);line-height:var(--line-height-body);color:var(--color-text-subtle);margin-top:auto;margin-bottom:12px}.demo-library-open{border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.demo-library-disclosure{color:var(--color-text-subtle);font-size:var(--font-size-xs);margin:12px 0 0}.demo-preview-banner{border:1px solid var(--color-accent-border-subtle);background:var(--color-accent-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.demo-preview-banner p{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin:4px 0 0}.demo-preview-banner .primary-action{flex-shrink:0}@media (width<=960px){.demo-library-grid{grid-template-columns:minmax(0,1fr)}.demo-library-card{flex-direction:row}.demo-library-cover{flex-direction:column;flex-shrink:0;justify-content:center;gap:10px;width:76px;padding:12px}.demo-library-body{padding:14px 16px 8px}.demo-library-tools{display:none}}@media (width<=600px){.empty-library-panel{grid-template-columns:minmax(0,1fr);padding:18px}.empty-library-icon{display:none}.demo-preview-banner{flex-direction:column;align-items:flex-start}.demo-preview-banner .primary-action{width:100%}}