@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--tracking-tight:-0.015em;--tracking-wide:0.08em;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:120ms;--duration-base:180ms;--duration-slow:280ms;--accent:#5E6AD2;--accent-hover:#6E7AE0;--accent-active:#4F5BC2;--accent-soft:rgba(94,106,210,0.12);--accent-ring:rgba(94,106,210,0.35);--accent-fg:#ffffff;--danger:#E5484D;--danger-soft:rgba(229,72,77,0.12);--success:#30A46C;--success-soft:rgba(48,164,108,0.12);--warning:#F5A524;--warning-soft:rgba(245,165,36,0.14);--font-sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-display:var(--font-sans);--font-serif:var(--font-display);--font-mono:var(--font-sans);--sidebar-w:280px;--topbar-h:56px;--content-max:1200px}.app.dark{--bg:#08080A;--bg-elevated:#0E0E11;--surface:#131316;--surface-hover:#1A1A1F;--surface-active:#202028;--border:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--border-focus:var(--accent);--text-primary:#F4F4F5;--text-secondary:#A1A1AA;--text-tertiary:#85858E;--text-on-accent:#FFFFFF;--accent-on-soft:#7E8DE8;--success-on-soft:var(--success);--warning-on-soft:var(--warning);--danger-on-soft:#E96F73;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.45);--shadow-lg:0 16px 40px rgba(0,0,0,0.55);--backdrop:rgba(8,8,10,0.7);color-scheme:dark}.app.light{--bg:#FBFBF9;--bg-elevated:#FFFFFF;--surface:#FFFFFF;--surface-hover:#F4F4F5;--surface-active:#EDEDEF;--border:rgba(0,0,0,0.07);--border-strong:rgba(0,0,0,0.16);--border-focus:var(--accent);--text-primary:#18181B;--text-secondary:#52525B;--text-tertiary:#71717A;--text-on-accent:#FFFFFF;--accent-on-soft:var(--accent-active);--success-on-soft:#187040;--warning-on-soft:#7A4D00;--danger-on-soft:#A02E33;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 16px 40px rgba(0,0,0,0.10);--backdrop:rgba(251,251,249,0.7);color-scheme:light}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03"}code,pre{font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--text-primary)}.app.dark ::-webkit-scrollbar{width:10px;height:10px}.app.dark ::-webkit-scrollbar-track{background:transparent}.app.dark ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:var(--radius-full)}.app.dark ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.16)}.app{background:var(--bg);color:var(--text-primary);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.app,.shell{min-height:100vh}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);gap:var(--space-6)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.brand-name{font-family:var(--font-display);font-size:var(--text-lg);line-height:1;letter-spacing:-.03em;color:var(--text-primary)}.brand-name__bold{font-weight:700}.brand-name__light{font-weight:300;color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.progress-ring{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%}.progress-ring:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.progress-ring__svg{flex-shrink:0}.progress-ring__track{stroke:var(--border-strong);stroke-width:3}.progress-ring__fill{stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset var(--duration-base) var(--ease-out)}.progress-ring.is-hit .progress-ring__fill{stroke:#F5A524}.progress-ring__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.progress-ring__count{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-ring__sep{color:var(--text-tertiary);font-weight:400}.progress-ring__streak{font-size:var(--text-xs);color:var(--text-secondary)}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);height:36px;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-align:left;width:100%;min-width:0}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent-on-soft)}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.sidebar-link-count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);background:var(--surface);min-width:22px;text-align:center;flex-shrink:0}.sidebar-link.active .sidebar-link-count{background:transparent;color:var(--accent-on-soft)}.sidebar-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.sidebar-section__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-section__title{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.sidebar-section__add{width:20px;height:20px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--text-base);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sidebar-section__add:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.sidebar-section__empty{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--border)}.theme-toggle{width:100%;height:32px;padding:0 var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:var(--backdrop);border-bottom:1px solid var(--border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.topbar-title{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.topbar-title__suffix{margin-left:2px;color:var(--text-tertiary);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-search{display:inline-flex;align-items:center;gap:var(--space-3);height:32px;min-width:240px;padding:0 var(--space-2) 0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.topbar-search:hover{border-color:var(--border-strong);color:var(--text-secondary)}.topbar-search__icon{font-size:var(--text-md);line-height:1}.topbar-search__label{flex:1 1;text-align:left}.topbar-search__kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);background:var(--bg-elevated)}.page-container{padding:var(--space-10) var(--space-8) var(--space-16);max-width:var(--content-max);margin:0 auto;width:100%;animation:fadeIn var(--duration-slow) var(--ease-out)}.chat-page{display:block}.sr-only{-webkit-clip-path:inset(50%);clip-path:inset(50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:880px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-right:none;border-bottom:1px solid var(--border);overflow:visible}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-brand{flex-shrink:1;padding:0}.sidebar-mobile-toggle{display:inline-flex}.sidebar-panel{display:none}.sidebar--mobile-open .sidebar-panel{display:flex;flex-direction:column}.sidebar-nav{flex-direction:column;gap:var(--space-1);flex:1 1}.topbar{padding:0 var(--space-5)}.progress-ring,.sidebar-section{display:none}}.controls{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.controls,.controls__filters{display:flex;align-items:center;flex-wrap:wrap}.controls__filters{gap:var(--space-2)}.category-select,.sort-select{height:36px;min-width:160px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.category-select:hover,.sort-select:hover{border-color:var(--border-strong)}.category-select:focus,.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.action-buttons{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.action-buttons button,.import-btn{height:36px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.action-buttons button:hover,.import-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.action-buttons button:active,.import-btn:active{background:var(--surface-active)}.add-btn{background:var(--accent)!important;color:var(--accent-fg)!important;border-color:var(--accent)!important}.add-btn:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.add-btn:active{background:var(--accent-active)!important;border-color:var(--accent-active)!important}.favorites-view-btn.active,.sentences-btn.active{background:var(--accent-soft)!important;border-color:transparent!important;color:var(--accent)!important}.add-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.add-form h3{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-5);letter-spacing:-.01em}.add-form form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:flex;gap:var(--space-3);align-items:stretch}.add-form textarea,.form-row input,.form-row select{flex:1 1;min-height:36px;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-snug);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.add-form textarea{resize:vertical;min-height:96px;font-family:inherit}.add-form textarea:focus,.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.add-form button[type=submit]{align-self:flex-start;height:36px;padding:0 var(--space-5);background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.add-form button[type=submit]:hover{background:var(--accent-hover)}.favorites-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.favorites-header h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1);letter-spacing:-.01em}.favorites-header p{font-size:var(--text-sm);color:var(--text-secondary)}.words-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.word-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);position:relative}.word-row:last-child{border-bottom:none}.word-row:hover{background:var(--surface-hover)}.word-row.favorite:before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.word-row.selectable{grid-template-columns:auto minmax(0,1fr) auto}.word-row.selected{background:var(--accent-soft)}.word-row__main{display:flex;align-items:baseline;gap:var(--space-4);min-width:0;flex-wrap:wrap}.word-row__sentence{flex:0 0 100%;font-family:var(--font-serif);font-style:italic;font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.word-row__headword{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em;color:var(--text-primary);flex-shrink:0}.word-row__meaning{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.word-row__meta{display:flex;gap:var(--space-2);align-items:center}.word-row__copy,.word-row__fav{width:28px;height:28px;display:inline-grid;place-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.word-row__copy:hover,.word-row__fav:hover{background:var(--surface-active);color:var(--text-primary)}.word-row__copy.copied{color:var(--success)}.word-row__fav.active{color:var(--accent)}.select-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.category,.difficulty,.tier{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);letter-spacing:.01em;white-space:nowrap}.difficulty{background:var(--surface-active);color:var(--text-secondary)}.difficulty.easy{background:var(--success-soft);color:var(--success-on-soft)}.difficulty.medium{background:var(--warning-soft);color:var(--warning-on-soft)}.difficulty.hard{background:var(--danger-soft);color:var(--danger-on-soft)}.category{background:var(--accent-soft);color:var(--accent-on-soft)}.tier{background:var(--surface-active);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error,.loading,.no-words{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.loading{font-size:var(--text-md);animation:pulse 2s ease-in-out infinite}.error h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.error p{margin-bottom:var(--space-5)}.error button,.error p{font-size:var(--text-base)}.error button{height:36px;padding:0 var(--space-5);background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.error button:hover{background:var(--accent-hover)}.no-words{font-size:var(--text-base)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.wotd{margin:0 0 var(--space-8);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;animation:wotd-fade-in var(--duration-slow) var(--ease-out);overflow:hidden}.wotd:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.wotd__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.wotd__label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.wotd__dismiss{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-tertiary);font-size:var(--text-md);line-height:1;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.wotd__dismiss:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}.wotd__word-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.wotd__word{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;line-height:var(--leading-tight);margin:0;color:var(--text-primary)}.wotd__speak{width:32px;height:32px;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.wotd__speak:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.wotd__meaning{font-size:var(--text-md);color:var(--text-primary);margin:0 0 var(--space-2)}.wotd__meaning,.wotd__sentence{line-height:var(--leading-normal)}.wotd__sentence{font-family:var(--font-serif);font-style:italic;font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4)}.wotd__actions{display:flex;gap:var(--space-2)}.wotd__favorite{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.wotd__favorite:hover{background:var(--surface-hover);border-color:var(--border-strong)}.wotd__favorite.is-active{background:var(--accent-soft);border-color:transparent;color:var(--accent-on-soft)}@keyframes wotd-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.import-help{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);animation:import-help-in var(--duration-base) var(--ease-out)}.import-help h3{font-size:var(--text-md);margin:0 0 var(--space-3)}.import-help h3,.import-help h4{font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.import-help h4{font-size:var(--text-sm);margin:var(--space-4) 0 var(--space-2)}.import-help p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.format-example,.format-example-full pre{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);overflow-x:auto;margin:0 0 var(--space-3)}.format-example code,.format-example-full pre{font-family:inherit;background:transparent;padding:0;border:none}.format-example-full pre{white-space:pre;line-height:var(--leading-snug)}.format-rules{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.format-rules li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-4);position:relative}.format-rules li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.format-rules li strong{color:var(--text-primary);font-weight:600}.format-note{margin:var(--space-4) 0!important;padding:var(--space-3) var(--space-4);background:var(--warning-soft);border-left:2px solid var(--warning);border-radius:var(--radius-sm);color:var(--text-primary)!important;font-size:var(--text-sm)!important}.format-note strong{color:var(--warning)}.download-template-btn{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;margin-top:var(--space-2);transition:background var(--duration-fast) var(--ease-out)}.download-template-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@keyframes import-help-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.word-panel__backdrop{position:fixed;inset:0;background:var(--backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;animation:backdrop-in var(--duration-base) var(--ease-out)}.word-panel__backdrop--closing{animation:backdrop-out var(--duration-base) var(--ease-out) forwards}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.word-panel{position:fixed;top:0;right:0;height:100vh;width:min(560px,92vw);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:201;animation:panel-in var(--duration-slow) var(--ease-out)}.word-panel--closing{animation:panel-out var(--duration-base) var(--ease-out) forwards}@keyframes panel-in{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes panel-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(24px);opacity:0}}.word-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.word-panel__chips{display:flex;gap:var(--space-2)}.word-panel__close{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xl);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.word-panel__close:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.word-panel__body{flex:1 1;overflow-y:auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.word-panel__headword{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary)}.word-panel__meaning{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary)}.word-panel__sentence{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-secondary);padding-left:var(--space-4);border-left:2px solid var(--accent)}.word-panel__footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border)}.word-panel__action{width:100%;min-width:0;min-height:44px;height:auto;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}.word-panel__action:hover{background:var(--surface-hover);border-color:var(--border-strong)}.word-panel__action.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-on-soft)}.word-panel__action--danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.word-panel__list-add{position:relative;grid-column:1/-1}.word-panel__list-add .word-panel__action{width:100%}.word-panel__list-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;right:0;max-height:14rem;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);display:flex;flex-direction:column;gap:2px;z-index:1}.word-panel__list-menu-item{text-align:left;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.word-panel__list-menu-item:hover{background:var(--surface-hover)}.word-panel__list-empty{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:400;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);font-size:var(--text-sm);max-width:24rem;animation:toast-slide var(--duration-base) var(--ease-out)}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--info{border-left:3px solid var(--accent)}.toast__message{flex:1 1;line-height:var(--leading-snug)}.toast__close{width:24px;height:24px;display:grid;place-items:center;background:transparent;border:none;color:var(--text-tertiary);font-size:var(--text-md);line-height:1;cursor:pointer;padding:0;border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.toast__close:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes toast-slide{0%{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}.confirm-overlay{position:fixed;inset:0;z-index:500;background:var(--backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:overlay-fade var(--duration-base) var(--ease-out)}.confirm-dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--space-6);width:100%;max-width:24rem;animation:dialog-pop var(--duration-slow) var(--ease-out)}.confirm-title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.confirm-message{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-cancel,.confirm-confirm{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid var(--border)}.confirm-cancel{background:var(--surface);color:var(--text-primary)}.confirm-cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.confirm-confirm{background:var(--danger);color:#fff;border-color:var(--danger)}.confirm-confirm:hover{filter:brightness(1.08)}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:880px){.word-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.word-row__copy,.word-row__fav,.word-row__meta .category{display:none}}@media (max-width:640px){.word-panel{width:100vw;border-left:none}.word-panel__footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-4)}.word-panel__action{min-height:48px;font-size:var(--text-base)}.word-panel__headword{font-size:var(--text-4xl)}.wotd{padding:var(--space-5)}.wotd__word{font-size:var(--text-2xl)}.toast{top:auto;bottom:var(--space-4);left:var(--space-3);right:var(--space-3);max-width:none}}.cmd-backdrop{position:fixed;inset:0;background:var(--backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:250;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:cmd-backdrop-in var(--duration-base) var(--ease-out)}@keyframes cmd-backdrop-in{0%{opacity:0}to{opacity:1}}.cmd-modal{width:min(640px,calc(100vw - var(--space-8)));max-height:70vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:cmd-in var(--duration-slow) var(--ease-out)}@keyframes cmd-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.cmd-input-icon{font-size:var(--text-lg);color:var(--text-tertiary);line-height:1}.cmd-input{flex:1 1;border:none;background:transparent;outline:none;font-size:var(--text-md);color:var(--text-primary);padding:var(--space-1) 0}.cmd-input::placeholder{color:var(--text-tertiary)}.cmd-esc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.05em}.cmd-list{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.cmd-section{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cmd-item{width:100%;display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);text-align:left;cursor:pointer;border-radius:0;transition:background var(--duration-fast) var(--ease-out)}.cmd-item.active{background:var(--accent-soft);color:var(--text-primary)}.cmd-item__label{font-weight:500;flex-shrink:0}.cmd-item__meta{flex:1 1;min-width:0;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item__hint{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.cmd-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm)}.cmd-empty,.cmd-footer{color:var(--text-tertiary)}.cmd-footer{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs)}.cmd-footer kbd{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--surface);margin-right:4px;min-width:18px;text-align:center}@media (max-width:640px){.cmd-backdrop{padding-top:6vh}.cmd-footer{display:none}}.chat-ai-container{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-width:880px;margin:0 auto;min-height:60vh}.chat-ai-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.chat-ai-header h2{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin:0}.chat-messages{flex:1 1;min-height:320px;overflow-y:auto;padding:var(--space-6);gap:var(--space-5);scroll-behavior:smooth}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{gap:var(--space-2);animation:chat-msg-in var(--duration-base) var(--ease-out)}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.message-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.message-content{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--leading-normal);word-wrap:break-word;border:1px solid var(--border);white-space:pre-wrap}.message-content.user{background:var(--accent-soft);border-color:transparent;color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.message-content.assistant{background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-loading{font-size:var(--text-sm);font-style:italic;color:var(--text-tertiary);animation:chat-pulse 1.6s ease-in-out infinite}.chat-error{margin:0 var(--space-6) var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--danger);background:var(--danger-soft);border-left:2px solid var(--danger);border-radius:var(--radius-sm)}.chat-form{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--bg-elevated)}.chat-input{flex:1 1;height:40px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-input::placeholder{color:var(--text-tertiary)}.chat-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-submit{height:40px;padding:0 var(--space-5);background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.chat-submit:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.chat-submit:disabled{opacity:.45;cursor:not-allowed}.chat-note{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;background:var(--bg)}.chat-note code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary)}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-pulse{0%,to{opacity:.5}50%{opacity:1}}.chat-ai-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.chat-ai-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.chat-quota{flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full,999px);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.chat-quota--exhausted{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.chat-tabs{display:flex;gap:var(--space-2)}.chat-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.chat-tab.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-on-soft)}.chat-model-picker{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.chat-model-picker__label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:var(--space-2)}.chat-model-picker__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-model-option{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;font-size:var(--text-sm);cursor:pointer;color:var(--text-secondary)}.chat-model-option input{position:absolute;opacity:0;pointer-events:none}.chat-model-option.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-on-soft)}.chat-model-option__tier{font-size:var(--text-xs);font-weight:600;padding:0 var(--space-2);border-radius:var(--radius-full,999px);background:var(--surface);white-space:nowrap}.chat-model-option__tier,.chat-model-option__tier--fast{color:var(--text-secondary)}.chat-model-option__tier--reasoning{color:var(--accent)}.chat-model-option__tier--auto{color:var(--text-secondary)}.chat-model-option.active .chat-model-option__tier{background:rgba(0,0,0,.08)}.chat-model-picker__hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.chat-context-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.chat-context-banner__link{color:var(--accent);text-decoration:none;white-space:nowrap}.chat-context-banner__link:hover{text-decoration:underline}.chat-starters{padding:var(--space-2) 0 var(--space-4)}.chat-starters__label{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.chat-starters__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-starter-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full,999px);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.chat-starter-chip:hover{background:var(--surface-hover);border-color:var(--border-strong)}.chat-tool-log{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-tool-log li{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-tertiary)}.chat-tool-log li.ok{color:var(--text-secondary)}.chat-tool-log li.fail{color:var(--danger);border-color:var(--danger)}.chat-markdown__p{margin:0 0 var(--space-2)}.chat-markdown__p:last-child{margin-bottom:0}.chat-markdown__list{margin:0 0 var(--space-2);padding-left:var(--space-5)}.chat-markdown__code{font-family:var(--font-mono);font-size:.92em;padding:1px 5px;background:var(--surface);border-radius:var(--radius-sm)}.chat-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-6) var(--space-3)}.chat-action-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.chat-action-btn:hover{background:var(--surface-hover)}.chat-action-btn--muted{color:var(--text-secondary)}.chat-action-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);max-width:14rem}.chat-compare-panel{flex:1 1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.chat-compare-panel__hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.chat-compare-form{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:center}.chat-compare-result{margin-top:var(--space-2)}.chat-upgrade-nudge{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;background:var(--bg)}.chat-upgrade-nudge a{color:var(--accent);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:640px){.chat-compare-form{grid-template-columns:1fr}.chat-ai-header__row{flex-direction:column}.chat-actions,.chat-context-banner{padding-left:var(--space-4);padding-right:var(--space-4)}.chat-context-banner{flex-direction:column;align-items:flex-start}.chat-ai-container{border-radius:var(--radius-md)}.chat-ai-header,.chat-form,.chat-messages,.chat-note{padding-left:var(--space-4);padding-right:var(--space-4)}}.quiz-setup__backdrop{position:fixed;inset:0;z-index:350;background:var(--scrim);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-6);animation:fadeIn var(--duration-base) var(--ease-out)}.quiz-setup{width:100%;max-width:480px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-12));overflow:hidden;animation:quiz-setup-in var(--duration-base) var(--ease-out)}@keyframes quiz-setup-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-setup__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.quiz-setup__title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin:0}.quiz-setup__close{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-setup__close:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}.quiz-setup__body{flex:1 1 auto;overflow-y:auto;min-height:0}.quiz-setup__section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.quiz-setup__section:last-of-type{border-bottom:none}.quiz-setup__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.quiz-setup__section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;margin:0}.quiz-setup__link{background:transparent;border:none;color:var(--accent);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0}.quiz-setup__link:hover{text-decoration:underline}.quiz-setup__hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0 0 var(--space-3)}.quiz-setup__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-setup__chip{height:30px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-setup__chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.quiz-setup__chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.quiz-setup__footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg-elevated)}.quiz-setup__match{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.quiz-setup__match-meta{color:var(--text-tertiary)}.quiz-setup__actions{display:flex;gap:var(--space-2)}.quiz-setup__btn{height:34px;padding:0 var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-setup__btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.quiz-setup__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.quiz-setup__btn--primary:hover{background:var(--accent-hover,var(--accent));border-color:var(--accent-hover,var(--accent))}.quiz-setup__btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.quiz-setup__footer{flex-direction:column;align-items:stretch}.quiz-setup__actions{justify-content:flex-end}}.quiz-overlay{position:fixed;inset:0;z-index:300;background:var(--bg);display:flex;flex-direction:column;animation:quiz-in var(--duration-slow) var(--ease-out)}.quiz-review-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--danger-bg,#fff1f0);color:var(--danger,#c0392b);font-size:var(--text-sm);border-bottom:1px solid var(--danger-border,#ffa39e);flex-shrink:0}.quiz-review-error span{flex:1 1}.quiz-review-error__link{color:var(--danger);font-weight:600;text-decoration:underline;white-space:nowrap}.quiz-review-error__dismiss{background:none;border:none;cursor:pointer;color:var(--danger);font-size:1.1rem;line-height:1;padding:0 var(--space-1);opacity:.7}.quiz-review-error__dismiss:hover{opacity:1}@keyframes quiz-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.quiz-overlay__header{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border)}.quiz-overlay__progress{height:2px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.quiz-overlay__progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.quiz-overlay__meta{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-overlay__count{font-weight:500;color:var(--text-primary)}.quiz-overlay__score{color:var(--text-secondary)}.quiz-combo{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);background:var(--accent-soft);font-weight:700;animation:answer-in var(--duration-base) var(--ease-out)}.quiz-combo__bonus{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.quiz-overlay__close{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xl);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-overlay__close:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.quiz-overlay__body{flex:1 1;justify-content:center;gap:var(--space-10);padding:var(--space-12) var(--space-8);max-width:720px;margin:0 auto;text-align:center}.quiz-overlay__body,.quiz-stage{display:flex;flex-direction:column;align-items:center;width:100%}.quiz-stage{gap:var(--space-8)}.quiz-headword-row{display:flex;align-items:center;gap:var(--space-4)}.quiz-headword{font-family:var(--font-serif);font-size:clamp(var(--text-4xl),6vw,var(--text-5xl));font-weight:500;letter-spacing:-.025em;line-height:var(--leading-tight);color:var(--text-primary)}.quiz-speak{width:36px;height:36px;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-speak:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.quiz-prompt{font-size:var(--text-md);color:var(--text-tertiary);max-width:480px}.quiz-answer{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);animation:answer-in var(--duration-base) var(--ease-out)}@keyframes answer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-meaning{font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--text-primary);max-width:560px}.quiz-sentence{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-secondary);max-width:540px;padding-left:var(--space-4);border-left:2px solid var(--accent);text-align:left}.quiz-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.quiz-action{height:44px;padding:0 var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.quiz-action:hover{background:var(--surface-hover);border-color:var(--border-strong)}.quiz-action--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.quiz-action--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.quiz-action--correct:hover{background:var(--success-soft);border-color:var(--success);color:var(--success)}.quiz-action--incorrect:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.quiz-kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);background:var(--bg-elevated);font-weight:500;min-width:28px;text-align:center}.quiz-action--primary .quiz-kbd{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.92)}.quiz-summary{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);animation:answer-in var(--duration-slow) var(--ease-out)}.quiz-summary__title{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:500;letter-spacing:-.025em;line-height:var(--leading-tight);color:var(--text-primary)}.quiz-summary__score{font-size:var(--text-lg);color:var(--text-secondary)}.quiz-summary__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.quiz-summary__stats span{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface)}.quiz-summary__combo{color:var(--accent);font-size:var(--text-md);font-weight:700}.quiz-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.quiz-confetti span{position:absolute;left:calc(8% + (var(--i) * 5%));top:8%;width:8px;height:14px;border-radius:3px;background:hsl(calc(var(--i) * 32),85%,58%);transform:translateY(-40px) rotate(0deg);animation:quiz-confetti-fall 1.3s var(--ease-out) forwards;animation-delay:calc(var(--i) * 38ms)}@keyframes quiz-confetti-fall{to{transform:translateY(360px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.quiz-confetti{display:none}}.quiz-summary__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.dash-badge-celebration{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;border:1px solid var(--accent);border-radius:var(--radius-xl);background:var(--accent-soft);color:var(--text-primary);animation:answer-in var(--duration-slow) var(--ease-out)}.dash-badge-celebration__icons{display:flex;gap:var(--space-2);font-size:var(--text-2xl)}.dash-badge-celebration p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.dash-badge-celebration button{margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-2) var(--space-3)}.quiz-empty{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-5)}.quiz-overlay__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-4) var(--space-8);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-tertiary)}.quiz-overlay__footer .quiz-kbd{margin-right:var(--space-1)}@media (max-width:640px){.quiz-overlay__header{grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.quiz-overlay__progress{grid-column:1/-1;order:3}.quiz-overlay__body{padding:var(--space-6) var(--space-5);gap:var(--space-6)}.quiz-headword{font-size:var(--text-4xl)}.quiz-overlay__footer{display:none}}.quiz-timer{width:100%;max-width:480px;height:3px;background:var(--border);overflow:hidden}.quiz-timer,.quiz-timer__bar{border-radius:var(--radius-full)}.quiz-timer__bar{height:100%;background:var(--accent);transition:width 1s linear,background var(--duration-fast) var(--ease-out)}.quiz-timer__bar--urgent{background:var(--danger)}.quiz-missed{width:100%;max-width:560px;text-align:left;margin-top:var(--space-2)}.quiz-missed__heading{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.quiz-missed__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:240px;overflow-y:auto}.quiz-missed__item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.quiz-missed__word{font-family:var(--font-serif);font-weight:500;color:var(--text-primary);flex-shrink:0}.quiz-missed__meaning{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.quiz-mc-options{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:560px;animation:answer-in var(--duration-base) var(--ease-out)}.quiz-mc-option{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);line-height:var(--leading-snug);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.quiz-mc-option:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.quiz-mc-option:disabled{cursor:default}.quiz-mc-option__key{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);margin-top:1px}.quiz-mc-option--correct{background:var(--success-soft);border-color:var(--success);color:var(--success)}.quiz-mc-option--correct .quiz-mc-option__key{background:var(--success);border-color:var(--success);color:#fff}.quiz-mc-option--wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.quiz-mc-option--wrong .quiz-mc-option__key{background:var(--danger);border-color:var(--danger);color:#fff}.quiz-mc-option--dim{opacity:.45}.bulk-bar{position:fixed;left:50%;bottom:var(--space-6);transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:bulk-bar-pop var(--duration-base) var(--ease-out);max-width:calc(100vw - var(--space-8))}.bulk-bar__count{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding-left:var(--space-2)}.bulk-bar__actions{display:flex;gap:var(--space-1)}.bulk-bar__btn{height:32px;padding:0 var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.bulk-bar__btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.bulk-bar__btn:disabled{opacity:.4;cursor:not-allowed}.bulk-bar__btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.bulk-bar__btn--danger:hover:not(:disabled){background:var(--danger);filter:brightness(1.08);border-color:var(--danger)}.bulk-bar__btn--ghost{border-color:transparent;color:var(--text-secondary)}.bulk-bar__btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover);border-color:transparent}.bulk-bar__add{position:relative}.bulk-bar__menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;min-width:12rem;max-height:14rem;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);display:flex;flex-direction:column;gap:2px;z-index:1}.bulk-bar__menu-item{text-align:left;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.bulk-bar__menu-item:hover{background:var(--surface-hover)}.bulk-bar__menu-empty{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}@keyframes bulk-bar-pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.bulk-bar{flex-direction:column;gap:var(--space-2);align-items:stretch;left:var(--space-3);right:var(--space-3);transform:none;max-width:none}.bulk-bar__count{text-align:center;padding-left:0}.bulk-bar__actions{justify-content:space-between;flex-wrap:wrap}@keyframes bulk-bar-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.list-form-overlay{position:fixed;inset:0;z-index:500;background:var(--backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:overlay-fade var(--duration-base) var(--ease-out)}.list-form-dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--space-6);width:100%;max-width:26rem;display:flex;flex-direction:column;gap:var(--space-4);animation:dialog-pop var(--duration-slow) var(--ease-out)}.list-form-title{margin:0;font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.list-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.list-form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.list-form-optional{color:var(--text-tertiary);font-weight:400}.list-form-input,.list-form-textarea{width:100%;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out)}.list-form-textarea{resize:vertical;line-height:var(--leading-normal)}.list-form-input:focus,.list-form-textarea:focus{outline:none;border-color:var(--accent)}.list-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-1)}.list-form-cancel,.list-form-submit{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid var(--border)}.list-form-cancel{background:var(--surface);color:var(--text-primary)}.list-form-cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.list-form-submit{background:var(--accent);color:var(--accent-on,#fff);border-color:var(--accent)}.list-form-submit:hover:not(:disabled){filter:brightness(1.08)}.list-form-submit:disabled{opacity:.5;cursor:not-allowed}.add-words-overlay{position:fixed;inset:0;z-index:500;background:var(--backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:overlay-fade var(--duration-base) var(--ease-out)}.add-words-dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:var(--space-5) var(--space-6) var(--space-6);width:100%;max-width:30rem;max-height:min(80vh,40rem);display:flex;flex-direction:column;gap:var(--space-4);animation:dialog-pop var(--duration-slow) var(--ease-out)}.add-words-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.add-words-title{margin:0;font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.add-words-close{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xl);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.add-words-close:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.add-words-search{width:100%;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit}.add-words-search:focus{outline:none;border-color:var(--accent)}.add-words-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);min-height:6rem}.add-words-empty{margin:0;padding:var(--space-5) var(--space-2);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.add-words-item{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.add-words-item:hover{background:var(--surface-hover)}.add-words-item.checked{background:var(--accent-soft)}.add-words-item--focused{background:var(--surface-hover);outline:2px solid var(--accent);outline-offset:-2px}.add-words-item.checked.add-words-item--focused{background:var(--accent-soft)}.add-words-item input{margin:0;cursor:pointer}.add-words-item__word{font-weight:500;color:var(--text-primary)}.add-words-item__meaning{font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-words-footer{display:flex;gap:var(--space-2);justify-content:flex-end}.add-words-add,.add-words-cancel{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid var(--border)}.add-words-cancel{background:var(--surface);color:var(--text-primary)}.add-words-cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.add-words-add{background:var(--accent);color:var(--accent-on,#fff);border-color:var(--accent)}.add-words-add:hover:not(:disabled){filter:brightness(1.08)}.add-words-add:disabled{opacity:.5;cursor:not-allowed}.list-panel__backdrop{position:fixed;inset:0;background:var(--backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:180;animation:list-backdrop-in var(--duration-base) var(--ease-out)}.list-panel__backdrop--closing{animation:list-backdrop-out var(--duration-base) var(--ease-out) forwards}@keyframes list-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes list-backdrop-out{0%{opacity:1}to{opacity:0}}.list-panel{position:fixed;top:0;right:0;height:100vh;width:min(440px,100vw);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:181;animation:list-panel-in var(--duration-slow) var(--ease-out)}.list-panel--closing{animation:list-panel-out var(--duration-base) var(--ease-out) forwards}@keyframes list-panel-in{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes list-panel-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(24px);opacity:0}}.list-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.list-panel__heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.list-panel__name{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--text-primary);word-break:break-word}.list-panel__count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.list-panel__header-actions{display:flex;gap:var(--space-2);flex-shrink:0}.list-panel__icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.list-panel__icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.list-panel__icon-btn--danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.list-panel__description{margin:0;padding:var(--space-4) var(--space-6) 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.list-panel__body{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-4)}.list-panel__status{margin:0;padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.list-panel__words{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.list-panel__word{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.list-panel__word:hover{background:var(--surface-hover)}.list-panel__word-open{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:transparent;border:none;text-align:left;cursor:pointer;color:inherit}.list-panel__word-headword{font-weight:500;color:var(--text-primary)}.list-panel__word-meaning{font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-panel__word-remove{width:28px;height:28px;margin-right:var(--space-2);flex-shrink:0;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.list-panel__word-remove:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.list-panel__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.list-panel__add{width:100%;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--accent-soft);border:1px solid transparent;border-radius:var(--radius-md);color:var(--accent-on-soft);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.list-panel__add:hover{filter:brightness(1.05)}@media (max-width:640px){.list-panel{width:100vw;border-left:none}}.marketing-site{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary)}.marketing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marketing-nav__inner{max-width:1080px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.marketing-nav__brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.marketing-nav__links{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.marketing-nav__links a{color:var(--text-secondary);text-decoration:none}.marketing-nav__links a:hover{color:var(--text-primary)}.marketing-nav__cta{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-fg)!important;font-weight:600}.marketing-nav__cta:hover{background:var(--accent-hover);color:var(--accent-fg)!important}.marketing-body{flex:1 1;width:100%}.marketing-page{width:100%}.marketing-page--centered{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:var(--space-8) var(--space-6)}.marketing-footer{border-top:1px solid var(--border);padding:var(--space-8) var(--space-6)}.marketing-footer__inner{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.marketing-footer__tagline{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.marketing-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);font-size:var(--text-sm)}.marketing-footer__links a{color:var(--text-secondary);text-decoration:none}.marketing-footer__links a:hover{color:var(--text-primary)}.marketing-footer__copy{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.landing{max-width:1080px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.landing-hero{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.landing-hero__eyebrow{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.landing-hero__title{margin:0 0 var(--space-4);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.landing-hero__subtitle{margin:0 0 var(--space-8);font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.landing-hero__note{margin:0;font-size:var(--text-sm);color:var(--text-tertiary)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;text-decoration:none;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-out)}.landing-btn--primary{background:var(--accent);color:var(--accent-fg)}.landing-btn--primary:hover{background:var(--accent-hover)}.landing-btn--secondary{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.landing-btn--secondary:hover{background:var(--surface-hover)}.landing-section{margin-bottom:var(--space-16)}.landing-section__title{margin:0 0 var(--space-8);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;text-align:center}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:900px){.landing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.landing-grid{grid-template-columns:1fr}}.landing-card{padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.landing-card__title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:600}.landing-card__body{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.landing-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);max-width:960px;margin-inline:auto}@media (max-width:768px){.landing-steps{grid-template-columns:1fr}}.landing-step{display:flex;gap:var(--space-4);align-items:flex-start}.landing-step__n{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full,999px);background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:var(--text-sm)}.landing-step__title{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:600}.landing-step__body{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.landing-cta-band{text-align:center;padding:var(--space-12) var(--space-8);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.landing-cta-band__title{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:600}.landing-cta-band__body{margin:0 0 var(--space-6);color:var(--text-secondary);max-width:480px;margin-inline:auto}.signin-page{align-items:stretch;gap:var(--space-5);transform:translateY(-6vh)}.signin-card,.signin-page{display:flex;flex-direction:column;width:100%;max-width:480px}.signin-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-12) var(--space-10);gap:var(--space-4)}.signin-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;margin:0}.signin-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2)}.signin-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border-left:2px solid}.signin-banner--success{background:rgba(48,164,108,.08);color:var(--text-primary);border-left-color:#30A46C}.signin-banner--error{background:var(--danger-soft);color:var(--text-primary);border-left-color:var(--danger)}.signin-banner code{font-family:var(--font-mono);font-size:.9em;padding:1px 4px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.signin-btn{width:100%;height:40px;padding:0 var(--space-4);background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background var(--duration-fast) var(--ease-out)}.signin-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.signin-btn--google{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.signin-btn--google:hover{background:var(--surface-hover)}.signin-btn--guest{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.signin-btn--guest:hover{background:var(--surface-hover)}.signin-divider{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);position:relative;margin:var(--space-2) 0}.signin-divider:after,.signin-divider:before{content:"";position:absolute;top:50%;width:calc(50% - 24px);height:1px;background:var(--border)}.signin-divider:before{left:0}.signin-divider:after{right:0}.signin-email{display:flex;flex-direction:column;gap:var(--space-2)}.signin-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.signin-input{height:40px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base)}.signin-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.signin-footnote{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.signin-footnote--legal{margin-top:var(--space-2);text-align:center}.signin-footnote--guest{text-align:center}.signin-footnote--legal a{color:var(--text-tertiary);text-decoration:underline}.signin-footnote--legal a:hover{color:var(--text-secondary)}.signin-notice{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);text-align:center;box-shadow:var(--shadow-md)}.signin-notice--success{border-color:rgba(48,164,108,.35);background:rgba(48,164,108,.06)}.signin-notice__title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.signin-notice__body{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.sidebar-account{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-2) var(--space-1)}.sidebar-account__details{display:flex;align-items:center;gap:var(--space-3);min-width:0;text-decoration:none;color:inherit;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.sidebar-account__details:hover{background:var(--surface-hover)}.sidebar-account__details:hover .sidebar-account__name{color:var(--accent)}.sidebar-account__avatar{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full);object-fit:cover}.sidebar-account__avatar--initials{display:grid;place-items:center;font-size:var(--text-sm);font-weight:600;background:var(--accent-soft);color:var(--accent)}.sidebar-account__meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-account__plan{display:inline-flex;align-self:flex-start;margin-top:2px;height:18px;padding:0 7px;font-size:10px;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full)}.sidebar-account__plan--free{background:var(--surface-active);color:var(--text-secondary)}.sidebar-account__plan--pro{background:var(--accent-soft);color:var(--accent)}.sidebar-account__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);padding:0 var(--space-2)}.sidebar-account__signout-form{margin:0;width:100%}.sidebar-account__manage{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:500;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;transition:all var(--duration-fast) var(--ease-out)}.sidebar-account__manage:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.sidebar-account__name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.sidebar-account__email,.sidebar-account__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account__email{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar-account__admin-link{display:inline-block;grid-column:1/-1;font-size:var(--text-xs);font-weight:500;color:var(--accent);text-decoration:none;padding:2px 0}.sidebar-account__admin-link:hover{text-decoration:underline}.sidebar-account__signin,.sidebar-account__signout{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:500;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-account__signin:hover,.sidebar-account__signout:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.sidebar-account__signin{grid-column:1/-1}.marketing-body:has(.pricing){display:flex;justify-content:center;padding:var(--space-12) var(--space-6)}.pricing{width:100%;max-width:880px}.pricing__header{text-align:center;margin-bottom:var(--space-10)}.pricing__title{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-3)}.pricing__subtitle{font-size:var(--text-md);color:var(--text-secondary);margin:0}.pricing__plans{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:720px){.pricing__plans{grid-template-columns:1fr}}.pricing-plan{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-10) var(--space-8);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.pricing-plan--featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.pricing-plan__header{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-plan__name{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin:0}.pricing-plan__price{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pricing-plan__amount{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em}.pricing-plan__period,.pricing-plan__price-alt{font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-plan__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.pricing-plan__features li:before{content:"✓";display:inline-block;width:20px;color:var(--accent);font-weight:700}.pricing-plan__features strong{color:var(--text-primary);font-weight:600}.pricing-plan__cta{margin-top:auto}.pricing-plan__cta,.pricing-plan__cta-group{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-plan__current{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius-md)}.pricing-plan__muted{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.pricing-plan__badge{align-self:flex-start;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full,999px);background:var(--accent-soft);color:var(--accent)}.pricing-compare{margin-top:var(--space-12)}.pricing-compare__title{margin:0 0 var(--space-6);font-size:var(--text-xl);font-weight:600;text-align:center}.pricing-compare__table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.pricing-compare__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.pricing-compare__table td,.pricing-compare__table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.pricing-compare__table thead th{font-weight:600;color:var(--text-primary);background:var(--surface)}.pricing-compare__table tbody th{font-weight:500;color:var(--text-secondary);width:38%}.pricing-compare__table tbody tr:last-child td,.pricing-compare__table tbody tr:last-child th{border-bottom:none}.pricing-compare__table td:last-child{color:var(--text-primary);font-weight:500}.pricing-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out);border:1px solid transparent}.pricing-cta--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pricing-cta--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pricing-cta--secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.pricing-cta--secondary:hover{background:var(--surface-hover)}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-cta__error{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-primary);background:var(--danger-soft);border-left:2px solid var(--danger);border-radius:var(--radius-sm)}.pricing__footnote{margin-top:var(--space-10);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.pricing__footnote a{color:var(--text-tertiary);text-decoration:underline}.pricing__footnote a:hover{color:var(--text-secondary)}.policy-page{max-width:700px;margin:0 auto;padding:var(--space-8) var(--space-6);color:var(--text-primary)}.policy-page h1{font-size:1.75rem;margin:0 0 var(--space-2)}.policy-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-6)}.policy-notice{background:var(--surface-raised);border:1px solid var(--border);border-left:4px solid var(--warning,#f59e0b);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--text-secondary)}.policy-page section{margin-bottom:var(--space-6)}.policy-page h2{font-size:1.1rem;margin:0 0 var(--space-2);color:var(--text-primary)}.policy-page li,.policy-page p{font-size:var(--text-sm);line-height:1.7;color:var(--text-secondary);margin:0 0 var(--space-2)}.policy-page a{color:var(--accent);text-decoration:underline}.account-page{gap:var(--space-8);max-width:720px}.account-header,.account-page{display:flex;flex-direction:column}.account-header{gap:var(--space-2)}.account-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em;margin:0}.account-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.account-subtitle strong{color:var(--text-primary);font-weight:600}.account-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.account-section--danger{border-color:var(--danger)}.account-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.account-section__title{font-size:var(--text-md);font-weight:600;margin:0}.account-section__hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.account-settings-form{display:flex;flex-direction:column;gap:var(--space-3)}.account-settings-form__label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.account-settings-form__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.account-settings-form__row--between{justify-content:space-between}.account-settings-form__input{width:120px;height:40px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base)}.account-settings-form__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.account-settings-form__input--wide{width:min(100%,360px)}.account-settings-form__textarea{width:100%;min-height:120px;height:auto;padding:var(--space-3);resize:vertical;line-height:1.5}.account-settings-form__ok{font-size:var(--text-sm);color:#30A46C;margin:0}.account-settings-form__err{font-size:var(--text-sm);color:var(--danger);margin:0}.account-plan-badge{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full)}.account-plan-badge--free{background:var(--surface-active);color:var(--text-secondary)}.account-plan-badge--pro{background:var(--accent-soft);color:var(--accent)}.account-details{display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--space-3) var(--space-5);gap:var(--space-3) var(--space-5);margin:0}.account-detail{display:contents}.account-detail dt{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.account-detail dd{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.account-detail code{font-family:var(--font-mono);font-size:.9em;padding:1px 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.account-empty{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.account-empty p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.account-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.account-btn:hover{background:var(--surface-hover)}.account-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.account-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.account-btn--danger{color:var(--danger);border-color:var(--danger)}.account-btn--danger:hover{background:var(--danger-soft)}.account-btn--secondary{color:var(--text-secondary)}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-delete-confirm{display:flex;flex-direction:column;gap:var(--space-3)}.account-delete-confirm__warning{font-size:var(--text-sm);color:var(--danger);margin:0}.account-delete-confirm__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.account-cancel-confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--danger-soft);border-left:2px solid var(--danger);border-radius:var(--radius-sm)}.account-cancel-confirm p{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.account-cancel-confirm__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.account-cancel-confirm__error{font-size:var(--text-xs);color:var(--danger);margin:0}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;line-height:1.5}.badge--green{background:#d1fae5;color:#065f46}.badge--blue{background:#dbeafe;color:#1e40af}.badge--yellow{background:#fef9c3;color:#92400e}.badge--red{background:#fee2e2;color:#991b1b}.badge--gray{background:var(--surface-2);color:var(--text-secondary)}.admin-billing{display:flex;flex-direction:column;gap:var(--space-5)}.admin-billing__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.admin-billing__title{font-size:var(--text-xl);font-weight:600;margin:0}.admin-billing__notice{padding:var(--space-3) var(--space-4);background:#d1fae5;color:#065f46;border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-billing__filters{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.admin-billing__filter-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.admin-billing__filter-input,.admin-billing__filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-size:var(--text-sm);min-width:140px}.admin-billing__error{padding:var(--space-3) var(--space-4);background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-billing__count,.admin-billing__loading{color:var(--text-secondary);font-size:var(--text-sm)}.admin-billing__count{margin:0}.admin-billing__table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.admin-billing__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-billing__table th{text-align:left;background:var(--surface-2);font-weight:600;color:var(--text-secondary);white-space:nowrap}.admin-billing__table td,.admin-billing__table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.admin-billing__table td{vertical-align:middle}.admin-billing__table tr:last-child td{border-bottom:none}.admin-billing__table tr:hover td{background:var(--surface-2)}.admin-billing__user-email{font-weight:500;word-break:break-all}.admin-billing__user-name{color:var(--text-secondary);font-size:var(--text-xs)}.admin-billing__sub-id{font-size:.7rem;word-break:break-all}.admin-billing__empty{text-align:center;color:var(--text-secondary);padding:var(--space-6)}.admin-billing__pagination{display:flex;align-items:center;gap:var(--space-4)}.admin-billing__page-info{font-size:var(--text-sm);color:var(--text-secondary)}.admin-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;line-height:1.5;transition:opacity .15s}.admin-btn--primary{background:var(--accent);color:#fff}.admin-btn--secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);gap:var(--space-4);flex-wrap:wrap}.invoice-item__left{display:flex;flex-direction:column;gap:2px}.invoice-item__date{font-size:var(--text-xs);color:var(--text-secondary)}.invoice-item__desc{font-size:var(--text-sm)}.invoice-item__right{display:flex;align-items:center;gap:var(--space-3)}.invoice-item__amount{font-weight:600;font-size:var(--text-sm)}.invoice-item__status{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary)}.invoice-item__status--captured{background:#d1fae5;color:#065f46}.invoice-item__status--failed{background:#fee2e2;color:#991b1b}.invoice-item__status--refunded{background:#fef9c3;color:#92400e}.invoice-list__empty,.invoice-list__error,.invoice-list__loading{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.invoice-list__error{color:var(--danger)}.admin-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);width:min(480px,90vw);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 8px 32px rgba(0,0,0,.16)}.admin-modal__title{font-size:var(--text-lg);font-weight:600;margin:0}.admin-modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.admin-modal__field{display:flex;flex-direction:column}.admin-modal__notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-modal__notice--success{background:#d1fae5;color:#065f46}.admin-modal__notice--error{background:#fee2e2;color:#991b1b}.admin-modal__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.goal-modal__backdrop{position:fixed;inset:0;z-index:360;display:grid;place-items:center;padding:var(--space-6);background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.goal-modal{width:min(420px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.goal-modal h2{margin:0 0 var(--space-2)}.goal-modal>p{margin:0 0 var(--space-5);color:var(--text-secondary)}.goal-modal label{display:block;margin-bottom:var(--space-2);font-weight:600}.goal-modal__input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font:inherit}.goal-modal__feedback{min-height:1.4em;margin:var(--space-2) 0 var(--space-4)!important;font-size:var(--text-sm)}.goal-modal__feedback.error{color:var(--danger)}.goal-modal__presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.goal-modal__presets button{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);cursor:pointer}.goal-modal__presets button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.goal-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}.words-page--loading{padding-top:var(--space-6)}.words-skeleton__controls,.words-skeleton__hero,.words-skeleton__row span{background:var(--surface-active);animation:pulse 1.6s ease-in-out infinite}.words-skeleton__hero{height:180px;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.words-skeleton__controls{height:52px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.words-skeleton__row{min-height:82px;display:grid;grid-template-columns:1fr 2fr 80px;grid-gap:var(--space-5);gap:var(--space-5);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.words-skeleton__row span{display:block;height:14px;border-radius:var(--radius-full)}.words-skeleton__row span:last-child{width:70px}.no-words h2{margin:0 0 var(--space-2);color:var(--text-primary)}.no-words__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.no-words__actions button{padding:9px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer}.no-words__actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}