@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}a{color:inherit;text-decoration:none}}@layer base{:root,[data-theme-flavor=gruvbox][data-theme=light],:root[data-theme=light]:not([data-theme-flavor]){--font-sans:"Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg0-h:#f9f5d7;--bg0:#f9f5d7;--bg0-s:#f2e5bc;--bg1:#ebdbb2;--bg2:#d5c4a1;--bg3:#bdae93;--bg4:#a89984;--fg0:#282828;--fg1:#3c3836;--fg2:#504945;--fg3:#665c54;--fg4:#7c6f64;--gray:#928374;--red:#cc241d;--red-dark:#9d0006;--red-committed:#79241f;--red-bg:#f5e4e0;--green:#98971a;--green-dark:#79740e;--green-committed:#485300;--green-bg:#edf3e4;--green-bright:#b8bb26;--green-pill-bg:#f0f6de;--yellow:#d79921;--yellow-dark:#b57614;--yellow-bg:#fdf6e2;--blue:#458588;--blue-dark:#076678;--blue-bg:#e6edf0;--purple:#b16286;--purple-dark:#8f3f71;--aqua:#689d6a;--aqua-dark:#427b58;--orange:#d65d0e;--orange-dark:#af3a03;--bg-app:var(--bg0);--bg-surface:#fbf1c7;--bg-surface-subtle:var(--bg0-s);--bg-card:#fbf1c7;--bg-canvas:#f9f5d7;--text-primary:var(--fg0);--text-secondary:var(--fg1);--text-muted:var(--fg4);--text-subtle:var(--gray);--border-subtle:var(--bg2);--border-strong:var(--bg3);--border-folder:#bfa373;--border-deck:#6a968d;--border-width:2px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-pill:9999px;--shadow-2xs:0 1px 2px #2828280d;--shadow-xs:0 1px 3px #28282814;--shadow-sm:0 2px 4px #28282814;--shadow-md:0 4px 10px #2828281f;--shadow-lg:0 10px 25px #2828282e;--shadow-2xl:0 25px 50px -12px #28282840;--grad-neutral:linear-gradient(175deg, #f9f5d7 0%, #f4ebd0 50%, #eae0be 100%);--grad-forgot-commit:linear-gradient(175deg, #e38e82 0%, #cf6f62 50%, #b85244 100%);--grad-remembered-commit:linear-gradient(175deg, #b5c468 0%, #9caa48 50%, #82912f 100%);--grad-folder:linear-gradient(175deg, #ecd6ad 0%, #dfc495 50%, #d1b180 100%);--grad-deck:linear-gradient(175deg, #a4c7bf 0%, #8fb4ac 50%, #7aa098 100%);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}[data-theme-flavor=gruvbox][data-theme=dark],:root[data-theme=dark]:not([data-theme-flavor]),[data-theme=dark]:not([data-theme-flavor]){--bg0-h:#1d2021;--bg0:#282828;--bg0-s:#32302f;--bg1:#3c3836;--bg2:#504945;--bg3:#665c54;--bg4:#7c6f64;--fg0:#fbf1c7;--fg1:#ebdbb2;--fg2:#d5c4a1;--fg3:#bdae93;--fg4:#a89984;--gray:#928374;--red:#fb4934;--red-dark:#cc241d;--red-committed:#501d1c;--red-bg:#3c1f1e;--green:#b8bb26;--green-dark:#98971a;--green-committed:#2b3812;--green-bg:#283416;--green-bright:#b8bb26;--green-pill-bg:#2b3818;--yellow:#fabd2f;--yellow-dark:#d79921;--yellow-bg:#3c341f;--blue:#83a598;--blue-dark:#458588;--blue-bg:#1d2e35;--purple:#d3869b;--purple-dark:#b16286;--aqua:#8ec07c;--aqua-dark:#689d6a;--orange:#fe8019;--orange-dark:#d65d0e;--bg-app:var(--bg0);--bg-surface:var(--bg0-h);--bg-surface-subtle:var(--bg0-s);--bg-card:var(--bg0-s);--bg-canvas:#1d2021;--text-primary:var(--fg0);--text-secondary:var(--fg1);--text-muted:var(--fg4);--text-subtle:var(--gray);--border-subtle:var(--bg1);--border-strong:var(--bg2);--border-folder:#504028;--border-deck:#1c525a;--shadow-2xs:0 1px 2px #00000040;--shadow-xs:0 1px 3px #00000059;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 10px #00000080;--shadow-lg:0 10px 25px #000000a6;--shadow-2xl:0 25px 50px -12px #000000d9;--grad-neutral:linear-gradient(175deg, #282828 0%, #202223 50%, #191b1c 100%);--grad-forgot-commit:linear-gradient(175deg, #602522 0%, #4c1d1a 50%, #3a1513 100%);--grad-remembered-commit:linear-gradient(175deg, #3c4a1a 0%, #2e3a12 50%, #222b0c 100%);--grad-folder:linear-gradient(175deg, #3a3222 0%, #302819 50%, #261f12 100%);--grad-deck:linear-gradient(175deg, #134650 0%, #0c343c 50%, #07262d 100%)}[data-theme-flavor=github][data-theme=light],[data-theme-flavor=github]:not([data-theme=dark]){--bg0-h:#f6f8fa;--bg0:#fff;--bg0-s:#f3f4f6;--bg1:#d0d7de;--bg2:#afb8c1;--bg3:#8c959f;--bg4:#6e7781;--fg0:#1f2328;--fg1:#24292f;--fg2:#32383f;--fg3:#424a53;--fg4:#656d76;--gray:#8c959f;--red:#cf222e;--red-dark:#a40e26;--red-committed:#82071e;--red-bg:#ffebe9;--green:#1a7f37;--green-dark:#116329;--green-committed:#0d4a1e;--green-bg:#dafbe1;--green-bright:#2da44e;--green-pill-bg:#dafbe1;--yellow:#9a6700;--yellow-dark:#7d4e00;--yellow-bg:#fff8c5;--blue:#0969da;--blue-dark:#0550ae;--blue-bg:#ddf4ff;--purple:#8250df;--purple-dark:#6639ba;--aqua:#1b7c83;--aqua-dark:#126066;--orange:#bc4c00;--orange-dark:#953800;--bg-app:#fff;--bg-surface:#f6f8fa;--bg-surface-subtle:#eaeef2;--bg-card:#f6f8fa;--bg-canvas:#fff;--text-primary:#1f2328;--text-secondary:#24292f;--text-muted:#656d76;--text-subtle:#8c959f;--border-subtle:#d0d7de;--border-strong:#afb8c1;--border-folder:#d4a72c;--border-deck:#3192a0;--grad-neutral:linear-gradient(175deg, #fff 0%, #f6f8fa 50%, #eaeef2 100%);--grad-forgot-commit:linear-gradient(175deg, #ffebe9 0%, #ffc1ba 50%, #cf222e 100%);--grad-remembered-commit:linear-gradient(175deg, #dafbe1 0%, #9be9a8 50%, #1a7f37 100%);--grad-folder:linear-gradient(175deg, #f5ebd2 0%, #e6d3a3 50%, #9a6700 100%);--grad-deck:linear-gradient(175deg, #dcf2f5 0%, #b8e5ea 50%, #1b7c83 100%)}[data-theme-flavor=github][data-theme=dark]{--bg0-h:#161b22;--bg0:#0d1117;--bg0-s:#21262d;--bg1:#30363d;--bg2:#484f58;--bg3:#6e7681;--bg4:#8b949e;--fg0:#f0f6fc;--fg1:#e6edf3;--fg2:#c9d1d9;--fg3:#b1bac4;--fg4:#8b949e;--gray:#6e7681;--red:#f85149;--red-dark:#da3633;--red-committed:#8e1519;--red-bg:#3c1e1e;--green:#3fb950;--green-dark:#238636;--green-committed:#196c2e;--green-bg:#1b3222;--green-bright:#56d364;--green-pill-bg:#1b3222;--yellow:#d29922;--yellow-dark:#bb8009;--yellow-bg:#342b17;--blue:#58a6ff;--blue-dark:#1f6feb;--blue-bg:#152238;--purple:#bc8cff;--purple-dark:#a371f7;--aqua:#39c5cf;--aqua-dark:#1b7c83;--orange:#f0883e;--orange-dark:#bd561d;--bg-app:#0d1117;--bg-surface:#161b22;--bg-surface-subtle:#21262d;--bg-card:#161b22;--bg-canvas:#0d1117;--text-primary:#f0f6fc;--text-secondary:#c9d1d9;--text-muted:#8b949e;--text-subtle:#6e7681;--border-subtle:#30363d;--border-strong:#484f58;--border-folder:#543e0a;--border-deck:#164e56;--grad-neutral:linear-gradient(175deg, #161b22 0%, #0d1117 50%, #010409 100%);--grad-forgot-commit:linear-gradient(175deg, #490202 0%, #300000 50%, #1f0000 100%);--grad-remembered-commit:linear-gradient(175deg, #0e4429 0%, #003820 50%, #002515 100%);--grad-folder:linear-gradient(175deg, #2c2108 0%, #201804 50%, #150f02 100%);--grad-deck:linear-gradient(175deg, #09373d 0%, #06262a 50%, #03171a 100%)}[data-theme-flavor=catppuccin][data-theme=light],[data-theme-flavor=catppuccin]:not([data-theme=dark]){--bg0-h:#e6e9ef;--bg0:#eff1f5;--bg0-s:#dce0e8;--bg1:#ccd0da;--bg2:#bcc0cc;--bg3:#acb0be;--bg4:#9ca0b0;--fg0:#4c4f69;--fg1:#5c5f77;--fg2:#6c6f85;--fg3:#7c7f93;--fg4:#8c8fa1;--gray:#9ca0b0;--red:#d20f39;--red-dark:#ba082f;--red-committed:#8f0622;--red-bg:#fce8eb;--green:#40a02b;--green-dark:#328020;--green-committed:#235c16;--green-bg:#edf7eb;--green-bright:#40a02b;--green-pill-bg:#edf7eb;--yellow:#df8e1d;--yellow-dark:#c47910;--yellow-bg:#fef5e7;--blue:#1e66f5;--blue-dark:#044bd9;--blue-bg:#edf3fe;--purple:#8839ef;--purple-dark:#7222db;--aqua:#179299;--aqua-dark:#117075;--orange:#fe640b;--orange-dark:#e05002;--bg-app:#eff1f5;--bg-surface:#e6e9ef;--bg-surface-subtle:#dce0e8;--bg-card:#e6e9ef;--bg-canvas:#eff1f5;--text-primary:#4c4f69;--text-secondary:#5c5f77;--text-muted:#8c8fa1;--text-subtle:#9ca0b0;--border-subtle:#ccd0da;--border-strong:#bcc0cc;--border-folder:#df8e1d;--border-deck:#179299;--grad-neutral:linear-gradient(175deg, #eff1f5 0%, #e6e9ef 50%, #dce0e8 100%);--grad-forgot-commit:linear-gradient(175deg, #fce8eb 0%, #f7b4c0 50%, #d20f39 100%);--grad-remembered-commit:linear-gradient(175deg, #edf7eb 0%, #b2e2a8 50%, #40a02b 100%);--grad-folder:linear-gradient(175deg, #fef5e7 0%, #fbd9a2 50%, #df8e1d 100%);--grad-deck:linear-gradient(175deg, #edf3fe 0%, #adc6fc 50%, #1e66f5 100%)}[data-theme-flavor=catppuccin][data-theme=dark]{--bg0-h:#181825;--bg0:#1e1e2e;--bg0-s:#11111b;--bg1:#313244;--bg2:#45475a;--bg3:#585b70;--bg4:#6c7086;--fg0:#cdd6f4;--fg1:#bac2de;--fg2:#a6adc8;--fg3:#9399b2;--fg4:#7f849c;--gray:#6c7086;--red:#f38ba8;--red-dark:#eb6f92;--red-committed:#742539;--red-bg:#3b1c25;--green:#a6e3a1;--green-dark:#89d084;--green-committed:#3b6837;--green-bg:#1c3320;--green-bright:#a6e3a1;--green-pill-bg:#1c3320;--yellow:#f9e2af;--yellow-dark:#fab387;--yellow-bg:#372e18;--blue:#89b4fa;--blue-dark:#74c7ec;--blue-bg:#1a2638;--purple:#cba6f7;--purple-dark:#b48ead;--aqua:#94e2d5;--aqua-dark:#89dceb;--orange:#fab387;--orange-dark:#fe640b;--bg-app:#1e1e2e;--bg-surface:#181825;--bg-surface-subtle:#11111b;--bg-card:#181825;--bg-canvas:#1e1e2e;--text-primary:#cdd6f4;--text-secondary:#bac2de;--text-muted:#7f849c;--text-subtle:#6c7086;--border-subtle:#313244;--border-strong:#45475a;--border-folder:#5e481b;--border-deck:#2b555e;--grad-neutral:linear-gradient(175deg, #1e1e2e 0%, #181825 50%, #11111b 100%);--grad-forgot-commit:linear-gradient(175deg, #511b27 0%, #3b141d 50%, #290d14 100%);--grad-remembered-commit:linear-gradient(175deg, #2b4b28 0%, #1e361d 50%, #142513 100%);--grad-folder:linear-gradient(175deg, #443719 0%, #332912 50%, #231c0c 100%);--grad-deck:linear-gradient(175deg, #253754 0%, #1a273c 50%, #111a28 100%)}html,body,#app{width:100%;min-height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:is(body:has(.deck-scroll-y),body:has(.deck-editor-page)){height:100%;overflow:hidden}:is(body:has(.deck-scroll-y),body:has(.deck-editor-page)) #app,:is(body:has(.deck-scroll-y),body:has(.deck-editor-page)) .app-root{height:100%;overflow:hidden}::selection{background:var(--bg2);color:var(--fg0)}}@layer components{.app-root{background-color:var(--bg-app);width:100%;min-height:100%}.page-fileview{background-color:var(--bg-app);width:100%;min-height:100%;color:var(--text-secondary);padding-bottom:3.5rem}.main-content{padding-inline:.875rem;gap:1rem;max-width:56rem;margin-inline:auto;padding-top:1rem;display:grid}@media (width>=640px){.main-content{padding-inline:1.25rem}}.toast-banner{z-index:100;border-radius:var(--border-radius-pill);background-color:var(--fg0);color:var(--bg0);box-shadow:var(--shadow-lg);border:2px solid var(--fg1);pointer-events:none;text-align:center;align-items:center;gap:.5rem;max-width:90vw;padding:.5rem 1rem;font-size:.75rem;font-weight:700;animation:.25s cubic-bezier(.16,1,.3,1) forwards toast-in;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast-banner .toast-icon{color:var(--yellow);flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.navbar{z-index:20;background-color:color-mix(in srgb, var(--bg-app) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:var(--border-width) solid var(--border-subtle);padding:.625rem .875rem;position:sticky;top:0}@media (width>=640px){.navbar{padding:.625rem 1.25rem}}.navbar .navbar-inner{grid-template-columns:1fr auto;align-items:center;gap:.75rem;max-width:56rem;margin-inline:auto;display:grid}.navbar .navbar-brand{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.5rem;display:grid}.navbar .navbar-brand .brand-icon{border-radius:var(--border-radius-sm);background-color:var(--orange-dark);width:1.875rem;height:1.875rem;color:var(--bg0);box-shadow:var(--shadow-xs);place-items:center;font-size:.875rem;display:grid}.navbar .navbar-brand .brand-title{color:var(--fg0);letter-spacing:-.025em;font-size:.875rem;font-weight:700;line-height:1}.navbar .navbar-actions{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.5rem;display:grid}.btn{border-radius:var(--border-radius-pill);transition:all var(--transition-fast);grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:inline-grid}@media (width>=640px){.btn{padding:.375rem .875rem}}.btn:active{transform:scale(.98)}.btn-label-responsive{display:none}@media (width>=640px){.btn-label-responsive{display:inline}}.btn-folder-action{background-color:var(--bg1);color:var(--fg1);border:var(--border-width) solid var(--border-subtle)}.btn-folder-action:hover{background-color:var(--bg2)}.btn-deck-action{background-color:var(--orange);color:var(--bg0);border:var(--border-width) solid var(--orange-dark);box-shadow:var(--shadow-xs);font-weight:700}.btn-deck-action:hover{background-color:var(--orange-dark)}.btn-ai-action{background-color:var(--yellow);color:var(--bg0);border:var(--border-width) solid var(--yellow-dark);box-shadow:var(--shadow-xs);font-weight:700}.btn-ai-action:hover{background-color:var(--yellow-dark)}.btn-ai-action .ai-sparkle-icon{color:var(--bg0)}.btn-flat-icon{border-radius:var(--border-radius-pill);width:2rem;height:2rem;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:0;place-items:center;display:grid}.btn-flat-icon:hover{background-color:color-mix(in srgb, var(--bg2) 60%, transparent);color:var(--orange-dark)}.btn-flat-icon:active{transform:scale(.9)}.btn-flat-icon.deck-edit:hover{background-color:var(--bg1);color:var(--blue-dark)}.btn-flat-icon.danger-btn:hover{background-color:var(--red-bg);color:var(--red)}.btn-modal-cancel{border-radius:var(--border-radius-pill);background-color:var(--bg1);color:var(--fg1);border:var(--border-width) solid var(--border-subtle);transition:background-color var(--transition-fast);justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-modal-cancel:hover{background-color:var(--bg2)}.btn-modal-submit{border-radius:var(--border-radius-pill);background-color:var(--orange);color:var(--bg0);border:var(--border-width) solid var(--orange-dark);box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast);justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-modal-submit:hover{background-color:var(--orange-dark)}.btn-modal-submit:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg3);border-color:var(--bg4)}.btn-modal-delete-danger{border-radius:var(--border-radius-pill);background-color:var(--red);color:var(--bg0);border:var(--border-width) solid var(--red-dark);box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast);padding:.5rem .875rem;font-size:.75rem;font-weight:700}.btn-modal-delete-danger:hover{background-color:var(--red-dark)}.breadcrumb-bar{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.breadcrumb-bar .breadcrumb-nav,.breadcrumb-bar .breadcrumb-node{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.375rem;display:grid}.breadcrumb-bar .breadcrumb-sep{color:var(--bg3)}.breadcrumb-bar .breadcrumb-active{color:var(--fg0);border-radius:var(--border-radius-pill);background-color:var(--bg1);border:var(--border-width) solid var(--border-subtle);padding:.125rem .625rem;font-weight:700}.breadcrumb-bar .breadcrumb-btn{transition:color var(--transition-fast);font-weight:500}.breadcrumb-bar .breadcrumb-btn:hover{color:var(--fg0)}.histogram-container{background-color:var(--bg-surface);border-radius:var(--border-radius-md);border:var(--border-width) solid var(--border-subtle);scrollbar-width:none;height:5rem;box-shadow:var(--shadow-xs);align-items:center;gap:.375rem;padding:.625rem;display:flex;position:relative;overflow-x:auto}@media (width>=640px){.histogram-container{gap:.5rem;padding:.75rem}}.histogram-container::-webkit-scrollbar{display:none}.histogram-container .histogram-baseline{background-color:var(--border-subtle);pointer-events:none;z-index:0;height:1.5px;position:absolute;top:50%;left:.625rem;right:.625rem;transform:translateY(-50%)}@media (width>=640px){.histogram-container .histogram-baseline{left:.75rem;right:.75rem}}.histogram-container .histogram-slot{z-index:10;cursor:pointer;flex:1 0;justify-content:center;align-items:center;min-width:10px;max-width:28px;height:100%;display:flex;position:relative}@media (width>=640px){.histogram-container .histogram-slot{min-width:14px}}.histogram-container .histogram-slot:hover .bar-pos{background-color:var(--green-bright);transform:scale(1.1)}.histogram-container .histogram-slot:hover .bar-neg{background-color:#fb4934;transform:scale(1.1)}.histogram-container .histogram-slot:hover .bar-zero{background-color:var(--fg0)}.histogram-container .histogram-slot .bar-pos{background-color:var(--green-dark);width:100%;box-shadow:var(--shadow-2xs);border-top-left-radius:2px;border-top-right-radius:2px;transition:all .15s;position:absolute;bottom:50%}.histogram-container .histogram-slot .bar-neg{background-color:var(--red);width:100%;box-shadow:var(--shadow-2xs);border-bottom-right-radius:2px;border-bottom-left-radius:2px;transition:all .15s;position:absolute;top:50%}.histogram-container .histogram-slot .bar-zero{background-color:var(--bg3);border-radius:var(--border-radius-pill);width:100%;height:3px;transition:all .15s}.search-section{position:relative}.search-section .search-input{border-radius:var(--border-radius-pill);background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);width:100%;height:2.5rem;color:var(--fg0);box-shadow:var(--shadow-2xs);transition:all var(--transition-fast);padding-left:2.25rem;padding-right:2rem;font-size:.75rem}.search-section .search-input::placeholder{color:var(--text-muted)}.search-section .search-input:focus{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);outline:none}.search-section .search-icon-left{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-section .search-clear-btn{color:var(--text-muted);border-radius:var(--border-radius-pill);justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}.search-section .search-clear-btn:hover{color:var(--fg0)}.section-group{gap:.5rem;display:grid}.section-label{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.section-label.folder-title{color:var(--orange-dark)}.section-label.deck-title{color:var(--blue-dark)}.cards-grid{grid-template-columns:1fr;gap:.625rem;display:grid}@media (width>=640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.fileview-bottom-actions{justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:.5rem;display:flex}.fileview-bottom-actions .btn{min-width:130px}.item-card{border-radius:var(--border-radius-md);border-width:var(--border-width);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-style:solid;grid-template-rows:auto auto;gap:.625rem;padding:.75rem;display:grid}@media (width>=640px){.item-card{padding:.875rem}}.item-card:hover{box-shadow:var(--shadow-md)}.item-card.folder-card{background:var(--grad-folder);border-color:var(--border-folder)}.item-card.folder-card .card-heading{color:var(--text-primary)}.item-card.folder-card .pill-reviewed{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-folder)}.item-card.folder-card .pill-empty{color:var(--text-muted)}.item-card.folder-card:hover{border-color:var(--yellow)}.item-card.folder-card:hover .card-heading{color:var(--yellow)}.item-card.folder-card .card-lead-icon{color:var(--yellow)}.item-card.deck-card{background:var(--grad-deck);border-color:var(--border-deck)}.item-card.deck-card .card-heading{color:var(--text-primary)}.item-card.deck-card .card-lead-icon{color:var(--aqua)}.item-card.deck-card .deck-edit{color:var(--text-muted)}.item-card.deck-card .deck-edit:hover{background-color:var(--bg-surface);color:var(--aqua)}.item-card.deck-card .card-meta-left{color:var(--text-secondary);font-weight:600}.item-card.deck-card .card-meta-left .meta-dot{color:var(--border-strong)}.item-card.deck-card .card-meta-left .meta-time-group .time-icon{color:var(--aqua)}.item-card.deck-card .pill-reviewed{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-deck)}.item-card.deck-card .pill-empty{color:var(--text-muted)}.item-card.deck-card:hover{border-color:var(--aqua);box-shadow:var(--shadow-md)}.item-card.deck-card:hover .card-heading{color:var(--aqua)}.item-card .card-top-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.item-card .card-top-row .card-lead-icon{flex-shrink:0}.item-card .card-top-row .card-heading{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);font-size:.875rem;font-weight:700;overflow:hidden}@media (width>=640px){.item-card .card-top-row .card-heading{font-size:1rem}}.item-card .card-bottom-row{grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:.5rem;display:grid}.item-card .card-bottom-row .card-meta-left{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-secondary);grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.5rem;font-weight:600;display:grid}.item-card .card-bottom-row .card-meta-left .meta-dot{color:var(--border-strong)}.item-card .card-bottom-row .card-meta-left .meta-time-group{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.25rem;display:grid}.item-card .card-bottom-row .card-meta-left .meta-time-group .time-icon{color:var(--gray)}.item-card .card-bottom-row .card-meta-right{justify-self:end}.item-card .card-bottom-row .card-meta-right .pill-reviewed{font-size:.75rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-2xs);border-style:solid;border-width:1.5px;padding:.125rem .625rem}.item-card .card-bottom-row .card-meta-right .pill-empty{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.empty-card-box{border-radius:var(--border-radius-md);background-color:var(--bg-surface);border:var(--border-width) dashed var(--border-subtle);text-align:center;place-items:center;gap:.5rem;padding:1.5rem;display:grid}.empty-card-box .empty-icon{color:var(--gray)}.empty-card-box .empty-title{color:var(--fg1);font-size:.75rem;font-weight:700}.empty-card-box .empty-desc{color:var(--text-muted);max-width:20rem;font-size:.6875rem}.modal-backdrop{z-index:50;background-color:color-mix(in srgb, var(--fg0) 50%, transparent);-webkit-backdrop-filter:blur(4px);place-items:center;padding:.75rem;display:grid;position:fixed;inset:0}@media (width>=640px){.modal-backdrop{padding:1rem}}.modal-dialog-sm{border-radius:var(--border-radius-lg);background-color:var(--bg-surface);width:100%;max-width:24rem;box-shadow:var(--shadow-2xl);border:var(--border-width) solid var(--border-strong);gap:.875rem;padding:1rem;display:grid}@media (width>=640px){.modal-dialog-sm{padding:1.25rem}}.modal-dialog-sm .modal-header-row{grid-template-columns:1fr auto;align-items:center;display:grid}.modal-dialog-sm .modal-header-row .modal-heading{color:var(--fg0);font-size:.875rem;font-weight:700}.modal-dialog-sm .modal-header-row .modal-close-btn{border-radius:var(--border-radius-pill);width:1.75rem;height:1.75rem;color:var(--text-muted);place-items:center;display:grid}.modal-dialog-sm .modal-header-row .modal-close-btn:hover{background-color:var(--bg1);color:var(--fg0)}.modal-dialog-sm .delete-confirm-text{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.modal-dialog-sm .modal-form{gap:.75rem;font-size:.75rem;display:grid}.modal-dialog-sm .modal-form .form-field{gap:.25rem;display:grid}.modal-dialog-sm .modal-form .form-field .field-label{font-weight:700}.modal-dialog-sm .modal-form .form-field .field-label.label-orange{color:var(--orange-dark)}.modal-dialog-sm .modal-form .form-field .field-label.label-purple{color:var(--purple-dark)}.modal-dialog-sm .modal-form .form-field .field-input{border-radius:var(--border-radius-sm);background-color:var(--bg-app);border:var(--border-width) solid var(--border-subtle);width:100%;color:var(--fg0);padding:.5rem .75rem;font-size:.75rem}.modal-dialog-sm .modal-form .form-field .field-input:focus{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);outline:none}.modal-dialog-sm .modal-form .form-field .field-input.input-purple:focus{border-color:var(--purple-dark);box-shadow:0 0 0 1px var(--purple-dark)}.modal-dialog-sm .modal-form .modal-actions-row{border-top:var(--border-width) solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:.5rem;padding-top:.5rem;display:grid}.import-export-dialog{border-radius:var(--border-radius-lg);background-color:var(--bg-surface);width:100%;max-width:38rem;height:82vh;max-height:600px;box-shadow:var(--shadow-2xl);border:var(--border-width) solid var(--border-strong);grid-template-rows:auto 1fr;gap:.75rem;padding:1rem;display:grid;overflow:hidden}@media (width>=640px){.import-export-dialog{padding:1.25rem}}.import-export-dialog .modal-header-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.import-export-dialog .modal-header-row .tab-pill-group{background-color:var(--bg1);border:1px solid var(--border-subtle);border-radius:var(--border-radius-pill);align-items:center;padding:2px;display:flex}.import-export-dialog .modal-header-row .tab-pill-group .tab-pill-btn{border-radius:var(--border-radius-pill);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.import-export-dialog .modal-header-row .tab-pill-group .tab-pill-btn.active{background-color:var(--bg-surface);color:var(--fg0);box-shadow:var(--shadow-2xs)}.import-export-dialog .import-export-body{grid-template-rows:auto 1fr auto auto;gap:.5rem;height:100%;min-height:0;display:grid;overflow:hidden}.import-export-dialog .import-export-body .export-instructions{color:var(--text-muted);font-size:.6875rem}.import-export-dialog .import-export-body .import-instructions-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.import-export-dialog .import-export-body .import-instructions-bar code{font-family:var(--font-mono);background-color:var(--bg1);color:var(--orange-dark);border-radius:3px;padding:.1rem .25rem}.import-export-dialog .import-export-body .import-instructions-bar .btn-copy-ai-inline{color:var(--yellow-dark);background-color:var(--bg1);border-radius:var(--border-radius-pill);border:1px solid var(--border-subtle);align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.625rem;font-weight:700;display:inline-flex}.import-export-dialog .import-export-body .import-instructions-bar .btn-copy-ai-inline:hover{background-color:var(--bg2)}.import-export-dialog .import-export-body .import-export-textarea{border-radius:var(--border-radius-md);background-color:var(--bg-app);border:var(--border-width) solid var(--border-subtle);width:100%;height:100%;min-height:0;font-family:var(--font-mono);color:var(--fg0);resize:none;padding:.75rem;font-size:.75rem;line-height:1.55;overflow-y:auto}.import-export-dialog .import-export-body .import-export-textarea:focus{border-color:var(--orange);outline:none}.import-export-dialog .import-export-body .import-options-row{justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.import-export-dialog .import-export-body .import-options-row .import-stats-tag{font-size:.6875rem;font-weight:700}.import-export-dialog .import-export-body .import-options-row .import-stats-tag .detected-valid{color:var(--green-dark);align-items:center;gap:.25rem;display:inline-flex}.import-export-dialog .import-export-body .import-options-row .import-stats-tag .detected-none{color:var(--text-muted)}.import-export-dialog .import-export-body .import-options-row .composite-toggle-group{background-color:var(--bg1);border:1.5px solid var(--border-subtle);border-radius:var(--border-radius-pill);align-items:center;gap:2px;padding:2px;display:inline-flex}.import-export-dialog .import-export-body .import-options-row .composite-toggle-group .composite-toggle-btn{border-radius:var(--border-radius-pill);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.import-export-dialog .import-export-body .import-options-row .composite-toggle-group .composite-toggle-btn:hover{color:var(--fg0)}.import-export-dialog .import-export-body .import-options-row .composite-toggle-group .composite-toggle-btn.active{background-color:var(--bg-surface);color:var(--fg0);box-shadow:var(--shadow-2xs);border:1px solid var(--border-subtle);font-weight:700}.import-export-dialog .import-export-body .modal-actions-row{border-top:var(--border-width) solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.625rem;padding-top:.5rem;display:flex}.study-page{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-secondary);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.study-header{z-index:30;background-color:color-mix(in srgb, var(--bg-app) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:var(--border-width) solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;height:3rem;padding-inline:.75rem;display:grid;position:absolute;top:0;left:0;right:0}.study-header .study-back-btn{border-radius:var(--border-radius-pill);width:2.125rem;height:2.125rem;color:var(--text-secondary);transition:all var(--transition-fast);place-items:center;display:grid}.study-header .study-back-btn:hover{background-color:var(--bg1)}.study-header .study-back-btn:active{transform:scale(.95)}.study-header .study-deck-title{text-overflow:ellipsis;white-space:nowrap;color:var(--fg0);letter-spacing:-.025em;font-size:.75rem;font-weight:700;overflow:hidden}@media (width>=640px){.study-header .study-deck-title{font-size:.875rem}}.study-header .study-edit-btn{border-radius:var(--border-radius-pill);background-color:var(--bg1);height:1.875rem;color:var(--fg0);border:1px solid var(--border-subtle);box-shadow:var(--shadow-2xs);transition:all var(--transition-fast);grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.375rem;padding-inline:.75rem;font-size:.75rem;font-weight:600;display:grid}.study-header .study-edit-btn:hover{background-color:var(--bg2)}.study-header .study-edit-btn:active{transform:scale(.95)}.study-header .study-edit-btn .edit-icon{color:var(--orange)}.study-header .study-progress-track{background-color:var(--bg1);height:2.5px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.study-header .study-progress-track .study-progress-bar{background-color:var(--orange);height:100%;transition:width .3s ease-out}.deck-scroll-y{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-auto-rows:100dvh;grid-auto-flow:row;width:100%;height:100dvh;display:grid;overflow-y:scroll}.deck-scroll-y::-webkit-scrollbar{display:none}.card-row-snap-item{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100dvh;display:grid;position:relative;overflow:hidden}.card-scroll-x{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;width:100%;height:100%;display:grid;overflow-x:scroll}.card-scroll-x::-webkit-scrollbar{display:none}.card-col-snap-item{scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;place-items:center;width:100%;height:100%;padding:.5rem .75rem;display:grid}.card-col-snap-item.align-top{align-items:start}.card-col-snap-item.gradient-neutral{--quote-bar:var(--yellow);--quote-bg:#f2e5bc;--code-bg:#ebdbb2;background:var(--grad-neutral)}.card-col-snap-item.gradient-forgot-committed{--quote-bar:var(--red);--quote-bg:#f2e5bc;--code-bg:#ebdbb2;background:var(--grad-forgot-commit)}.card-col-snap-item.gradient-remembered-committed{--quote-bar:var(--green-dark);--quote-bg:#f2e5bc;--code-bg:#ebdbb2;background:var(--grad-remembered-commit)}.col-center-wrap{align-items:center;width:100%;max-width:60ch;min-height:70vh;padding-inline:.5rem;display:grid}@media (width>=640px){.col-center-wrap{padding-inline:1rem}}.col-center-wrap .question-scroller{width:100%;max-height:75vh;margin-block:auto;padding-block:.5rem;overflow-y:auto}.col-action-wrap{text-align:center;padding-inline:.5rem;place-items:start center;width:100%;max-width:60ch;height:100%;padding-top:3.5rem;padding-bottom:1rem;transition:all .3s;display:grid}@media (width>=640px){.col-action-wrap{padding-inline:1rem;padding-top:4rem}}.col-action-wrap.is-scrolling{filter:blur(3px);opacity:.75}.col-action-wrap .action-group{place-items:center;gap:.5rem;width:100%;display:grid}.col-action-wrap .action-group .action-badge-icon{border-radius:var(--border-radius-md);background-color:var(--bg1);width:2.75rem;height:2.75rem;color:var(--text-muted);place-items:center;transition:all .4s;display:grid}.col-action-wrap .action-group .action-badge-icon.badge-forgot-commit{background-color:var(--red-committed);color:var(--bg0);box-shadow:var(--shadow-sm)}.col-action-wrap .action-group .action-badge-icon.badge-remembered-commit{background-color:var(--green-committed);color:var(--bg0);box-shadow:var(--shadow-sm)}.col-action-wrap .action-group .action-text-group{gap:.125rem;display:grid}.col-action-wrap .action-group .action-text-group .action-title{letter-spacing:-.025em;color:var(--text-secondary);font-size:.875rem;font-weight:700;transition:color .3s}@media (width>=640px){.col-action-wrap .action-group .action-text-group .action-title{font-size:1rem}}.col-action-wrap .action-group .action-text-group .action-title.committed{color:var(--fg0)}.col-action-wrap .action-group .action-text-group .action-subtitle{color:var(--text-muted);max-width:20rem;font-size:.75rem;transition:color .3s}.col-action-wrap .action-group .action-text-group .action-subtitle.committed{color:var(--text-secondary)}.col-action-wrap .action-group .answer-card-box{border-radius:var(--border-radius-md);background-color:var(--bg-surface);border:var(--border-width) solid var(--border-strong);text-align:left;width:100%;color:var(--text-secondary);max-height:64vh;box-shadow:var(--shadow-md);margin-top:.25rem;padding:1rem;font-size:.75rem;overflow-y:auto}@media (width>=640px){.col-action-wrap .action-group .answer-card-box{padding:1.25rem}}.col-action-wrap .action-group .answer-card-box.recap-box{max-height:52vh}.col-action-wrap .action-group .answer-card-box .answer-box-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.375rem}.col-action-wrap .action-group .answer-card-box .answer-box-tag.tag-forgot{color:var(--orange-dark)}.col-action-wrap .action-group .answer-card-box .answer-box-tag.tag-remembered{color:var(--green-dark)}.completion-screen{background:var(--grad-neutral);place-items:center;padding:1.25rem;display:grid}.completion-screen .completion-dialog{text-align:center;gap:1.25rem;width:100%;max-width:28rem;margin-block:auto;padding-inline:.75rem;display:grid}.completion-screen .completion-dialog .completion-icon-box{border-radius:var(--border-radius-lg);background-color:var(--orange);width:3.5rem;height:3.5rem;color:var(--bg0);box-shadow:var(--shadow-sm);place-items:center;margin-inline:auto;display:grid}.completion-screen .completion-dialog .completion-heading-group{gap:.25rem;display:grid}.completion-screen .completion-dialog .completion-heading-group .completion-title{letter-spacing:-.025em;color:var(--fg0);font-size:1.25rem;font-weight:700}@media (width>=640px){.completion-screen .completion-dialog .completion-heading-group .completion-title{font-size:1.5rem}}.completion-screen .completion-dialog .completion-heading-group .completion-subtitle{color:var(--fg3);max-width:20rem;margin-inline:auto;font-size:.75rem}@media (width>=640px){.completion-screen .completion-dialog .completion-heading-group .completion-subtitle{font-size:.875rem}}.completion-screen .completion-dialog .completion-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:24rem;margin-inline:auto;padding-top:.125rem;display:grid}.completion-screen .completion-dialog .completion-metrics-grid .metric-card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-2xs);border:var(--border-width) solid transparent;place-items:center;padding:.625rem .375rem;display:grid}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-green{background-color:var(--green-bg);border-color:color-mix(in srgb, var(--green-dark) 60%, transparent)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-green .metric-val,.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-green .metric-tag{color:var(--green-dark)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-skipped{background-color:var(--bg1);border-color:var(--border-subtle)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-skipped .metric-val,.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-skipped .metric-tag{color:var(--blue-dark)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-red{background-color:var(--red-bg);border-color:color-mix(in srgb, var(--red) 60%, transparent)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-red .metric-val,.completion-screen .completion-dialog .completion-metrics-grid .metric-card.card-red .metric-tag{color:var(--red)}.completion-screen .completion-dialog .completion-metrics-grid .metric-card .metric-val{font-size:1.25rem;font-weight:700;font-family:var(--font-mono)}@media (width>=640px){.completion-screen .completion-dialog .completion-metrics-grid .metric-card .metric-val{font-size:1.5rem}}.completion-screen .completion-dialog .completion-metrics-grid .metric-card .metric-tag{text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.5625rem;font-weight:700}.completion-screen .completion-dialog .completion-actions{gap:.625rem;width:100%;max-width:20rem;margin-inline:auto;padding-top:.25rem;display:grid}.completion-screen .completion-dialog .completion-actions .btn-restart{border-radius:var(--border-radius-pill);background-color:var(--fg0);width:100%;color:var(--bg0);box-shadow:var(--shadow-sm);grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;align-items:center;gap:.375rem;padding:.75rem 1.25rem;font-size:.75rem;font-weight:700;display:grid}.completion-screen .completion-dialog .completion-actions .btn-restart:hover{background-color:var(--fg1)}.completion-screen .completion-dialog .completion-actions .btn-restart:active{transform:scale(.98)}.completion-screen .completion-dialog .completion-actions .btn-back-home{border-radius:var(--border-radius-pill);background-color:var(--bg1);width:100%;color:var(--fg0);border:var(--border-width) solid var(--border-subtle);padding:.75rem 1.25rem;font-size:.75rem;font-weight:700}.completion-screen .completion-dialog .completion-actions .btn-back-home:hover{background-color:var(--bg2)}.completion-screen .completion-dialog .completion-actions .btn-back-home:active{transform:scale(.98)}.deck-editor-page{background-color:var(--bg-app);width:100vw;height:100vh;color:var(--text-secondary);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.deck-editor-header{background-color:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:var(--border-width) solid var(--border-subtle);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.5rem;padding-inline:.875rem;display:flex}@media (width>=640px){.deck-editor-header{padding-block:.625rem;padding-inline:1.25rem}}.deck-editor-header .editor-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.deck-editor-header .editor-header-left .header-titles-column{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.deck-editor-header .editor-header-left .header-titles-column .deck-header-title-input{color:var(--fg0);border-radius:var(--border-radius-sm);letter-spacing:-.02em;width:100%;max-width:520px;transition:all var(--transition-fast);background:0 0;border:1.5px solid #0000;padding:.125rem .375rem;font-size:1.0625rem;font-weight:700;line-height:1.25}@media (width>=640px){.deck-editor-header .editor-header-left .header-titles-column .deck-header-title-input{font-size:1.25rem}}.deck-editor-header .editor-header-left .header-titles-column .deck-header-title-input:hover{border-color:var(--border-subtle);background-color:var(--bg-surface)}.deck-editor-header .editor-header-left .header-titles-column .deck-header-title-input:focus{border-color:var(--orange);background-color:var(--bg-surface);box-shadow:0 0 0 1px var(--orange);outline:none}.deck-editor-header .editor-header-left .header-titles-column .deck-header-path-group{align-items:center;gap:.35rem;width:100%;max-width:520px;padding-left:.375rem;display:flex}.deck-editor-header .editor-header-left .header-titles-column .deck-header-path-group .path-prefix-label{text-transform:uppercase;letter-spacing:.05em;color:var(--purple-dark);flex-shrink:0;font-size:.625rem;font-weight:700}.deck-editor-header .editor-header-left .header-titles-column .deck-header-path-group .deck-header-path-input{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);width:100%;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:.15rem .375rem}.deck-editor-header .editor-header-left .header-titles-column .deck-header-path-group .deck-header-path-input:hover{border-color:var(--border-subtle);color:var(--fg0);background-color:var(--bg-surface)}.deck-editor-header .editor-header-left .header-titles-column .deck-header-path-group .deck-header-path-input:focus{border-color:var(--purple-dark);color:var(--fg0);background-color:var(--bg-surface);box-shadow:0 0 0 1px var(--purple-dark);outline:none}.deck-editor-header .editor-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.deck-editor-workspace{grid-template-columns:280px 1fr;width:100%;height:100%;display:grid;overflow:hidden}@media (width>=820px){.deck-editor-workspace{grid-template-columns:310px 1fr}}@media (width<=640px){.deck-editor-workspace{grid-template-columns:1fr}}.deck-editor-sidebar{background-color:var(--bg0-s);border-right:var(--border-width) solid var(--border-subtle);grid-template-rows:auto auto 1fr;height:100%;display:grid;overflow:hidden}@media (width<=640px){.deck-editor-sidebar{display:none}}.deck-editor-sidebar .sidebar-header-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex}.deck-editor-sidebar .sidebar-header-row .sidebar-title-group{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.deck-editor-sidebar .sidebar-header-row .sidebar-title-group .sidebar-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--fg2);font-size:.75rem;font-weight:700}.deck-editor-sidebar .sidebar-header-row .sidebar-title-group .sidebar-count-pill{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg1);border-radius:var(--border-radius-pill);padding:.05rem .4rem;font-weight:700}.deck-editor-sidebar .sidebar-header-row .sidebar-actions-cluster{align-items:center;gap:.25rem;display:flex}.deck-editor-sidebar .sidebar-header-row .sidebar-actions-cluster .sidebar-study-btn{border-radius:var(--border-radius-pill);box-shadow:var(--shadow-xs);gap:.25rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:700}.deck-editor-sidebar .sidebar-header-row .sidebar-actions-cluster .sidebar-tool-btn{width:1.75rem;height:1.75rem}.deck-editor-sidebar .sidebar-search-box{border-bottom:1px solid var(--border-subtle);padding:.5rem .75rem;position:relative}.deck-editor-sidebar .sidebar-search-box .sidebar-search-icon{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:1.125rem;transform:translateY(-50%)}.deck-editor-sidebar .sidebar-search-box .sidebar-search-input{border-radius:var(--border-radius-pill);background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;height:1.75rem;color:var(--fg0);padding-left:1.625rem;padding-right:1.5rem;font-size:.6875rem}.deck-editor-sidebar .sidebar-search-box .sidebar-search-input:focus{border-color:var(--orange);outline:none}.deck-editor-sidebar .sidebar-search-box .sidebar-search-clear{color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:1.125rem;transform:translateY(-50%)}.deck-editor-sidebar .sidebar-search-box .sidebar-search-clear:hover{color:var(--fg0)}.deck-editor-sidebar .sidebar-cards-scroller{flex-direction:column;gap:.375rem;height:100%;padding:.5rem;display:flex;overflow-y:auto}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-empty-hint{text-align:center;color:var(--text-muted);padding:1.5rem .5rem;font-size:.75rem}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item{border-radius:var(--border-radius-sm);background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);gap:.25rem;padding:.5rem .625rem;display:grid}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item:hover{background-color:var(--bg1);border-color:var(--border-strong)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item:hover .sidebar-card-actions{opacity:1}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item.is-active{background-color:var(--bg0);border-color:var(--orange);box-shadow:var(--shadow-xs)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item.is-active .card-num-badge{color:var(--orange-dark)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top{justify-content:space-between;align-items:center;display:flex}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group{align-items:center;gap:.375rem;display:flex}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group .card-num-badge{font-size:.6875rem;font-family:var(--font-mono);color:var(--fg4);font-weight:700}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group .status-dot{border-radius:50%;width:6px;height:6px}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group .status-dot.dot-green{background-color:var(--green-dark)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group .status-dot.dot-red{background-color:var(--red)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .card-tag-group .status-dot.dot-blue{background-color:var(--blue-dark)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .sidebar-card-actions{transition:opacity var(--transition-fast);align-items:center;gap:.25rem;display:flex}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .sidebar-card-actions .card-action-mini{border-radius:var(--border-radius-pill);width:1.25rem;height:1.25rem;color:var(--text-muted);place-items:center;display:grid}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .sidebar-card-actions .card-action-mini:hover{background-color:var(--bg2);color:var(--fg0)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .sidebar-card-actions .card-action-mini.danger{color:var(--red)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-top .sidebar-card-actions .card-action-mini.danger:hover{background-color:var(--red-bg);color:var(--red-dark)}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-card-item .sidebar-card-snippet{color:var(--fg1);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.35;overflow:hidden}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-bottom-add-btn{border-radius:var(--border-radius-sm);border:var(--border-width) dashed var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.25rem;margin-top:.25rem;padding:.5rem;font-size:.6875rem;font-weight:700;display:flex}.deck-editor-sidebar .sidebar-cards-scroller .sidebar-bottom-add-btn:hover{border-color:var(--orange);color:var(--orange-dark);background-color:var(--bg-surface)}.deck-editor-center{background-color:var(--bg-app);height:100%;overflow:hidden}.deck-editor-center .two-col-editor-container{grid-template-rows:auto 1fr auto;height:100%;display:grid;overflow:hidden}.deck-editor-center .two-col-editor-container .card-ribbon-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:2.75rem;padding-block:.375rem;padding-inline:1rem;display:flex}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-left{align-items:center;gap:.75rem;display:flex}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-left .ribbon-card-badge{color:var(--fg0);font-size:.8125rem;font-weight:700}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-left .ribbon-meta-text{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono)}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-left .ribbon-saving-indicator{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);color:var(--orange-dark);border-radius:var(--border-radius-pill);background-color:#af3a031f;align-items:center;gap:.375rem;padding:.1rem .5rem;display:inline-flex}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-left .ribbon-saving-indicator .saving-dot{background-color:var(--orange-dark);border-radius:50%;width:6px;height:6px;animation:.8s ease-in-out infinite alternate savingPulse}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-right{align-items:center;gap:.375rem;display:flex}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-right .btn-ribbon-delete{border-radius:var(--border-radius-pill);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.deck-editor-center .two-col-editor-container .card-ribbon-bar .card-ribbon-right .btn-ribbon-delete:hover{background-color:var(--red-bg);color:var(--red);border-color:#9d000633}.deck-editor-center .two-col-editor-container .two-col-editor-split{grid-template-columns:1fr 1fr;gap:.75rem;height:100%;padding:.75rem;display:grid;overflow:hidden}@media (width<=768px){.deck-editor-center .two-col-editor-container .two-col-editor-split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel{border-radius:var(--border-radius-md);background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);height:100%;min-height:0;box-shadow:var(--shadow-2xs);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel.col-question:focus-within{border-color:var(--orange)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel.col-answer:focus-within{border-color:var(--blue-dark)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header{background-color:var(--bg0-s);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .panel-label-group{align-items:center;gap:.5rem;display:flex}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .panel-label-group .col-title-label{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .panel-label-group .col-title-label.label-question{color:var(--orange-dark)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .panel-label-group .col-title-label.label-answer{color:var(--blue-dark)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .panel-label-group .format-hint{color:var(--text-muted);font-size:.625rem;font-family:var(--font-mono)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .mode-toggle-group{border-radius:var(--border-radius-pill);background-color:var(--bg1);border:1px solid var(--border-subtle);padding:2px;display:flex}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .mode-toggle-group .toggle-btn{border-radius:var(--border-radius-pill);color:var(--text-muted);transition:all var(--transition-fast);padding:.15rem .5rem;font-size:.625rem;font-weight:600}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-header .mode-toggle-group .toggle-btn.active{background-color:var(--bg-surface);color:var(--fg0);box-shadow:var(--shadow-2xs)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area{height:100%;overflow:hidden}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area .col-textarea{width:100%;height:100%;font-family:var(--font-mono);color:var(--fg0);resize:none;background:0 0;border:none;padding:.875rem;font-size:.8125rem;line-height:1.6;overflow-y:auto}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area .col-textarea:focus{outline:none}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area .col-textarea::placeholder{color:var(--text-subtle)}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area .col-preview-box{background-color:var(--bg-surface);width:100%;height:100%;padding:.875rem;overflow-y:auto}.deck-editor-center .two-col-editor-container .two-col-editor-split .editor-col-panel .panel-content-area .col-preview-box .preview-empty-placeholder{color:var(--text-muted);padding:1rem 0;font-size:.75rem;font-style:italic}.deck-editor-center .two-col-editor-container .two-col-footer-bar{display:none}@media (pointer:fine){.deck-editor-center .two-col-editor-container .two-col-footer-bar{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);justify-content:flex-start;align-items:center;height:2.5rem;padding-inline:1rem;display:flex}}.deck-editor-center .two-col-editor-container .two-col-footer-bar .footer-shortcuts-hint{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono);align-items:center;gap:.5rem;display:flex}.deck-editor-center .two-col-editor-container .two-col-footer-bar .footer-shortcuts-hint kbd{background-color:var(--bg1);border:1px solid var(--border-subtle);border-radius:3px;padding:.05rem .3rem;font-size:.625rem;font-weight:700}.deck-editor-center .two-col-editor-container .two-col-footer-bar .footer-shortcuts-hint .shortcut-sep{color:var(--border-strong)}.deck-editor-center .editor-empty-state{place-items:center;height:100%;padding:2rem;display:grid}.deck-editor-center .editor-empty-state .empty-box-inner{text-align:center;place-items:center;gap:.75rem;max-width:26rem;display:grid}.deck-editor-center .editor-empty-state .empty-box-inner .empty-icon-lg{color:var(--gray)}.deck-editor-center .editor-empty-state .empty-box-inner .empty-title-lg{color:var(--fg0);font-size:1.125rem;font-weight:700}.deck-editor-center .editor-empty-state .empty-box-inner .empty-desc-lg{color:var(--text-muted);font-size:.75rem;line-height:1.5}.deck-editor-center .editor-empty-state .empty-box-inner .empty-actions-row{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.markdown-body{font-family:var(--font-sans);color:var(--text-secondary);-webkit-user-select:text;user-select:text;font-size:1.125rem;line-height:1.65}.markdown-body.text-xs{font-size:.75rem;line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--fg0);letter-spacing:-.02em;margin-top:1.2rem;margin-bottom:.45rem;font-weight:700;line-height:1.3}.markdown-body h1{color:var(--orange-dark);font-size:1.55rem}.markdown-body h2{color:var(--blue-dark);font-size:1.3rem}.markdown-body h3{color:var(--purple-dark);font-size:1.125rem}.markdown-body p{margin-top:.45rem;margin-bottom:.75rem}.markdown-body ul,.markdown-body ol{margin-top:.45rem;margin-bottom:.75rem;padding-left:1.35rem}.markdown-body li{margin-bottom:.25rem}.markdown-body blockquote{border-left:3.5px solid var(--quote-bar,var(--yellow));background:var(--quote-bg,var(--bg0-s));color:var(--fg2);border-radius:0 6px 6px 0;margin:.8rem 0;padding:.65rem .95rem;font-style:normal;transition:border-color .3s,background-color .3s}.markdown-body blockquote strong{color:var(--fg0)}.markdown-body code{font-family:var(--font-mono);background:var(--code-bg,var(--bg1));color:var(--orange-dark);border:1px solid var(--border-subtle);border-radius:4px;padding:.15rem .35rem;font-size:.88em;font-weight:500;transition:background-color .3s}.markdown-body pre{background:var(--bg0-s);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);margin:.8rem 0;padding:.85rem;overflow-x:auto}.markdown-body pre code{color:var(--fg0);background:0 0;border:none;padding:0;font-size:.85rem}.markdown-body table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.9rem}.markdown-body table th,.markdown-body table td{border:1px solid var(--border-subtle);text-align:left;padding:.5rem .75rem}.markdown-body table th{background:var(--bg1);color:var(--fg0);font-weight:600}.katex-display-wrapper{margin:.5rem 0;padding:.5rem 0;overflow:auto hidden}.katex{color:var(--fg0);font-size:1.15em!important}@keyframes commit-pop{0%{transform:scale(.99)}50%{transform:scale(1.005)}to{transform:scale(1)}}.animate-commit{animation:.3s cubic-bezier(.16,1,.3,1) forwards commit-pop}.user-profile-group{align-items:center;gap:.25rem;display:flex}.user-badge{border-radius:var(--border-radius-pill);background-color:var(--bg1);border:var(--border-width) solid var(--border-subtle);color:var(--fg0);transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:flex}.user-badge.clickable{cursor:pointer}.user-badge.clickable:hover{background-color:var(--bg2);border-color:var(--border-strong)}.user-badge .user-icon{color:var(--orange-dark)}.user-badge .user-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.profile-page{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.profile-page .profile-content{padding-top:1.5rem;padding-bottom:3rem}.profile-page .profile-card-container{flex-direction:column;gap:1.5rem;max-width:680px;margin-inline:auto;display:flex}.profile-page .profile-user-header{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:1rem;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.profile-page .profile-user-header .profile-avatar{width:3.5rem;height:3.5rem;color:var(--orange-dark);border:2px solid var(--orange-dark);background-color:#af3a031f;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-page .profile-user-header .profile-user-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.profile-page .profile-user-header .profile-user-info .profile-user-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.profile-page .profile-user-header .profile-user-info .profile-user-title-row .profile-username{color:var(--fg0);font-size:1.5rem;font-weight:800;line-height:1.2}.profile-page .profile-user-header .profile-user-info .profile-user-title-row .btn-admin-pill{border-radius:var(--border-radius-pill);color:var(--orange-dark);cursor:pointer;transition:all var(--transition-fast);background-color:#af3a0326;border:1px solid #af3a034d;align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.profile-page .profile-user-header .profile-user-info .profile-user-title-row .btn-admin-pill:hover{background-color:var(--orange-dark);color:var(--bg0)}.profile-page .profile-user-header .profile-user-info .profile-member-since{color:var(--text-muted);font-size:.75rem}.profile-page .profile-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=640px){.profile-page .profile-kpi-grid{grid-template-columns:repeat(4,1fr)}}.profile-page .profile-kpi-grid .profile-kpi-card{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:.75rem;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.profile-page .profile-kpi-grid .profile-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:700}.profile-page .profile-kpi-grid .profile-kpi-card .kpi-value{color:var(--fg0);font-size:1.35rem;font-weight:800}.profile-page .profile-section{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.profile-page .profile-section .section-header-row{justify-content:space-between;align-items:baseline;display:flex}.profile-page .profile-section .section-header-row .profile-section-title{color:var(--fg0);font-size:1rem;font-weight:700}.profile-page .profile-section .section-header-row .section-subtitle{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted)}.profile-page .profile-section .profile-histogram-container{padding-top:.5rem}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars{border-bottom:2px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:.35rem;height:120px;padding-bottom:.25rem;display:flex}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;height:100%;display:flex}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-track{justify-content:center;align-items:flex-end;width:100%;max-width:24px;height:85px;display:flex}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-track .profile-bar-fill{width:100%;transition:height var(--transition-base);border-radius:4px 4px 0 0}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-track .profile-bar-fill.active{background:linear-gradient(180deg, var(--orange-dark), var(--orange));box-shadow:0 0 6px #af3a0340}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-track .profile-bar-fill.empty{background-color:var(--bg2)}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-count{font-size:.625rem;font-family:var(--font-mono);color:var(--orange-dark);height:.75rem;font-weight:700}.profile-page .profile-section .profile-histogram-container .profile-histogram-bars .profile-bar-column .profile-bar-label{font-size:.5625rem;font-family:var(--font-mono);color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden}.profile-page .profile-theme-section{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.profile-page .profile-theme-section .section-header-row{justify-content:space-between;align-items:baseline;display:flex}.profile-page .profile-theme-section .section-header-row .profile-section-title{color:var(--fg0);font-size:1rem;font-weight:700}.profile-page .profile-theme-section .section-header-row .section-subtitle{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted)}.profile-page .profile-theme-section .theme-header-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.profile-page .profile-theme-section .theme-flavor-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;display:grid}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card{background-color:var(--bg-app);border:var(--border-width) solid var(--border-subtle);border-radius:var(--border-radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card.is-active{border-color:var(--orange);background-color:var(--bg-surface);box-shadow:0 0 0 1px var(--orange), var(--shadow-xs)}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-card-header .flavor-title{color:var(--fg0);font-size:.875rem}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-card-header .flavor-active-badge{font-size:.625rem;font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--border-radius-pill);background-color:var(--orange);color:var(--bg0);padding:.125rem .375rem;font-weight:700}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-desc{color:var(--text-muted);font-size:.6875rem;line-height:1.35}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-palette-dots{align-items:center;gap:.375rem;margin-top:.25rem;display:flex}.profile-page .profile-theme-section .theme-flavor-grid .theme-flavor-card .flavor-palette-dots span{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 2px #0003}.profile-page .profile-theme-section .theme-mode-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.profile-page .profile-theme-section .theme-mode-row .theme-mode-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.profile-page .profile-theme-section .theme-mode-row .theme-mode-buttons{align-items:center;gap:.5rem;display:flex}.profile-page .profile-theme-section .theme-mode-row .theme-mode-buttons .btn-mode-select{border-radius:var(--border-radius-pill);background-color:var(--bg-app);border:var(--border-width) solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.profile-page .profile-theme-section .theme-mode-row .theme-mode-buttons .btn-mode-select:hover{color:var(--fg0);border-color:var(--border-strong)}.profile-page .profile-theme-section .theme-mode-row .theme-mode-buttons .btn-mode-select.is-active{background-color:var(--orange);border-color:var(--orange);color:var(--bg0);box-shadow:var(--shadow-xs)}.profile-page .profile-apikeys-section{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.profile-page .profile-apikeys-section .section-header-row{justify-content:space-between;align-items:baseline;display:flex}.profile-page .profile-apikeys-section .section-header-row .profile-section-title{color:var(--fg0);font-size:1rem;font-weight:700}.profile-page .profile-apikeys-section .section-header-row .section-subtitle{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted)}.profile-page .profile-apikeys-section .apikeys-header-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.profile-page .profile-apikeys-section .apikeys-create-form{align-items:center;gap:.75rem;display:flex}@media (width<=600px){.profile-page .profile-apikeys-section .apikeys-create-form{flex-direction:column;align-items:stretch}}.profile-page .profile-apikeys-section .apikeys-create-form .apikeys-input{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--border-radius-pill);height:2.5rem;color:var(--fg0);box-shadow:var(--shadow-2xs);transition:all var(--transition-fast);flex:1;padding:0 1rem;font-size:.8125rem}.profile-page .profile-apikeys-section .apikeys-create-form .apikeys-input::placeholder{color:var(--text-muted)}.profile-page .profile-apikeys-section .apikeys-create-form .apikeys-input:focus{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);outline:none}.profile-page .profile-apikeys-section .apikeys-create-form .btn-create-key{border-radius:var(--border-radius-pill);background-color:var(--orange);height:2.5rem;color:var(--bg0);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.profile-page .profile-apikeys-section .apikeys-create-form .btn-create-key:hover:not(:disabled){background-color:var(--orange-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile-page .profile-apikeys-section .apikeys-create-form .btn-create-key:disabled{opacity:.5;cursor:not-allowed}.profile-page .profile-apikeys-section .apikey-callout{background-color:var(--yellow-bg);border:var(--border-width) solid var(--yellow);border-radius:var(--border-radius-md);flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.profile-page .profile-apikeys-section .apikey-callout .callout-header{color:var(--yellow-dark);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:700;display:flex}.profile-page .profile-apikeys-section .apikey-callout .callout-desc{color:var(--text-secondary);font-size:.75rem}.profile-page .profile-apikeys-section .apikey-callout .callout-key-box{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);border-radius:var(--border-radius-sm);align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}.profile-page .profile-apikeys-section .apikey-callout .callout-key-box .key-text{font-family:var(--font-mono);color:var(--fg0);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-size:.8125rem}.profile-page .profile-apikeys-section .apikey-callout .callout-key-box .btn-copy-raw{border-radius:var(--border-radius-pill);background-color:var(--bg1);border:var(--border-width) solid var(--border-subtle);color:var(--fg0);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.profile-page .profile-apikeys-section .apikey-callout .callout-key-box .btn-copy-raw:hover{background-color:var(--bg2);border-color:var(--border-strong)}.profile-page .profile-apikeys-section .apikey-callout .btn-dismiss-callout{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-pill);transition:all var(--transition-fast);align-self:flex-end;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.profile-page .profile-apikeys-section .apikey-callout .btn-dismiss-callout:hover{color:var(--fg0);background-color:var(--bg1)}.profile-page .profile-apikeys-section .apikeys-table-wrapper{border:var(--border-width) solid var(--border-subtle);border-radius:var(--border-radius-md);width:100%;overflow-x:auto}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table{border-collapse:collapse;width:100%;font-size:.8125rem}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table th{text-align:left;color:var(--text-muted);background-color:var(--bg-app);border-bottom:var(--border-width) solid var(--border-subtle);padding:.75rem 1rem;font-weight:700}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.75rem 1rem}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table tr:last-child td{border-bottom:none}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table .key-actions-cell{justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table .btn-key-action{border-radius:var(--border-radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table .btn-key-action:hover{color:var(--text-primary);background-color:var(--bg1);border-color:var(--border-subtle)}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-table .btn-key-action.danger:hover{color:var(--red);background-color:var(--red-bg);border-color:var(--red)}.profile-page .profile-apikeys-section .apikeys-table-wrapper .apikeys-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.8125rem}.profile-page .profile-logout-row{justify-content:center;padding-top:.5rem;display:flex}.profile-page .profile-logout-row .btn-profile-logout{border-radius:var(--border-radius-pill);border:var(--border-width) solid var(--red);background-color:var(--red-bg);color:var(--red);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:700;display:inline-flex}.profile-page .profile-logout-row .btn-profile-logout:hover{background-color:var(--red);color:var(--bg0);box-shadow:var(--shadow-sm)}.auth-page{background-color:var(--bg-canvas);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.auth-page .auth-theme-toggle{position:absolute;top:1rem;right:1rem}.auth-page .auth-card-container{background:var(--bg-surface);border:var(--border-width) solid var(--border-strong);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:1rem;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.auth-page .auth-brand-row{justify-content:center;align-items:center;gap:.625rem;display:flex}.auth-page .auth-brand-row .brand-icon{background-color:var(--orange-dark);width:2.25rem;height:2.25rem;color:var(--bg0);border-radius:.5rem;place-items:center;display:grid}.auth-page .auth-brand-row .brand-title{letter-spacing:-.02em;color:var(--fg0);font-size:1.25rem;font-weight:800}.auth-page .auth-tabs{background-color:var(--bg1);border-radius:var(--border-radius-pill);border:var(--border-width) solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.375rem;padding:.25rem;display:grid}.auth-page .auth-tabs .auth-tab-btn{border-radius:var(--border-radius-pill);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:0;padding:.4rem;font-size:.75rem;font-weight:700}.auth-page .auth-tabs .auth-tab-btn.is-active{background-color:var(--bg-surface);color:var(--fg0);box-shadow:var(--shadow-2xs)}.auth-page .auth-tabs .auth-tab-btn:hover:not(.is-active){color:var(--fg0)}.auth-page .auth-error-banner{background-color:var(--red-bg);border:var(--border-width) solid var(--red);color:var(--red);border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.75rem;font-weight:600;display:flex}.auth-page .auth-form{flex-direction:column;gap:1rem;display:flex}.auth-page .auth-form .field-input{border:var(--border-width) solid var(--border-subtle);background-color:var(--bg-canvas);width:100%;color:var(--fg0);transition:all var(--transition-fast);border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem}.auth-page .auth-form .field-input:focus{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);outline:none}.auth-page .auth-form .auth-submit-btn{width:100%;margin-top:.5rem;padding:.625rem;font-size:.875rem}.auth-page .auth-footer-prompt{text-align:center;color:var(--text-muted);font-size:.75rem}.auth-page .auth-footer-prompt .auth-link-btn{color:var(--orange-dark);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-page .auth-footer-prompt .auth-link-btn:hover{color:var(--orange)}.auth-loading-screen{background-color:var(--bg-canvas);place-items:center;min-height:100vh;display:grid}.auth-loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--orange-dark);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes savingPulse{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.admin-page{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.admin-page .admin-header-left{align-items:center;gap:.5rem;display:flex}.admin-page .admin-header-left .admin-title-badge{align-items:center;gap:.5rem;display:flex}.admin-page .admin-header-left .admin-title-badge .admin-shield-icon{color:var(--orange-dark)}.admin-page .btn-admin-nav{color:var(--orange-dark);background-color:#af3a031a}.admin-page .btn-admin-nav:hover{background-color:var(--orange-dark);color:var(--bg0)}.admin-page .admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=640px){.admin-page .admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.admin-page .admin-stats-grid{grid-template-columns:repeat(6,1fr)}}.admin-page .admin-stats-grid .admin-kpi-card{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.admin-page .admin-stats-grid .admin-kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:700}.admin-page .admin-stats-grid .admin-kpi-card .kpi-value{color:var(--fg0);font-size:1.25rem;font-weight:800}.admin-page .admin-table-toolbar{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}@media (width>=640px){.admin-page .admin-table-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.admin-page .admin-table-toolbar .admin-tabs{background-color:var(--bg1);border-radius:var(--border-radius-pill);border:var(--border-width) solid var(--border-subtle);flex-wrap:wrap;gap:.375rem;padding:.25rem;display:flex}.admin-page .admin-table-toolbar .admin-tabs .admin-tab-btn{border-radius:var(--border-radius-pill);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:0;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:flex}.admin-page .admin-table-toolbar .admin-tabs .admin-tab-btn .tab-count-badge{font-size:.625rem;font-family:var(--font-mono);border-radius:var(--border-radius-pill);background-color:var(--bg2);color:var(--fg2);padding:.05rem .35rem}.admin-page .admin-table-toolbar .admin-tabs .admin-tab-btn.is-active{background-color:var(--bg-surface);color:var(--fg0);box-shadow:var(--shadow-2xs)}.admin-page .admin-table-toolbar .admin-tabs .admin-tab-btn.is-active .tab-count-badge{background-color:var(--orange-dark);color:var(--bg0)}.admin-page .admin-table-toolbar .admin-tabs .admin-tab-btn:hover:not(.is-active){color:var(--fg0)}.admin-page .admin-table-toolbar .admin-filter-box .admin-filter-input{border-radius:var(--border-radius-pill);background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);color:var(--fg0);width:100%;max-width:220px;padding:.375rem .75rem;font-size:.75rem}.admin-page .admin-table-toolbar .admin-filter-box .admin-filter-input:focus{border-color:var(--orange);outline:none}.admin-page .admin-table-wrapper{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:.75rem;overflow-x:auto}.admin-page .admin-table-wrapper .admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}.admin-page .admin-table-wrapper .admin-table th{background-color:var(--bg1);color:var(--fg2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.625rem .875rem;font-weight:700}.admin-page .admin-table-wrapper .admin-table td{border-bottom:1px solid var(--border-subtle);color:var(--fg1);vertical-align:middle;padding:.625rem .875rem}.admin-page .admin-table-wrapper .admin-table td.cell-snippet{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.admin-page .admin-table-wrapper .admin-table tr:last-child td{border-bottom:0}.admin-page .admin-table-wrapper .admin-table tr:hover td{background-color:color-mix(in srgb, var(--bg1) 40%, transparent)}.admin-page .admin-table-wrapper .admin-table .badge-admin{border-radius:var(--border-radius-pill);color:var(--orange-dark);background-color:#af3a0326;border:1px solid #af3a034d;padding:.1rem .5rem;font-size:.6875rem;font-weight:700}.admin-page .admin-table-wrapper .admin-table .badge-user{border-radius:var(--border-radius-pill);background-color:var(--bg1);color:var(--text-muted);padding:.1rem .5rem;font-size:.6875rem;font-weight:600}.admin-page .admin-table-wrapper .admin-table .badge-count{font-size:.6875rem;font-family:var(--font-mono);border-radius:var(--border-radius-pill);color:var(--blue-dark);background-color:#0766781f;padding:.1rem .45rem;font-weight:700}.admin-page .admin-table-wrapper .admin-table .badge-status{font-size:.6875rem;font-family:var(--font-mono);border-radius:var(--border-radius-pill);padding:.1rem .45rem;font-weight:700}.admin-page .admin-table-wrapper .admin-table .badge-status.status-remembered{color:var(--green-dark);background-color:#98971a2e}.admin-page .admin-table-wrapper .admin-table .badge-status.status-forgot{background-color:var(--red-bg);color:var(--red)}.admin-page .admin-table-wrapper .admin-table .badge-status.status-unseen{background-color:var(--bg1);color:var(--text-muted)}.admin-page .admin-table-wrapper .admin-table .badge-status.status-skipped{color:var(--yellow-dark);background-color:#d7992126}.admin-page .admin-error-box{text-align:center;background-color:var(--bg-surface);border:var(--border-width) solid var(--border-subtle);max-width:480px;box-shadow:var(--shadow-md);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;margin:3rem auto;padding:2.5rem 2rem;display:flex}}@layer utilities{.font-mono{font-family:var(--font-mono)!important}.font-sans{font-family:var(--font-sans)!important}.font-bold{font-weight:600!important}.text-muted{color:var(--text-muted)!important}.hidden-sm{display:none}@media (width>=640px){.hidden-sm{display:inline}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}