*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#ffffff;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#c8ff00;--accent-fg:#0a0b0e;--bar-bg:#101218;--bar-border:#1d2230;--bar-fg:#8b93a7;--mark-fg:#ffffff;--launch-bg:#14161f;--launch-border:#272c3c;--launch-fg:#99a1b5;--launch-radius:10px;--key-bg:#1d2231;--key-fg:#cfd5e4;--stat-bg:#0f1117;--stat-border:#1b202c;--stat-k:#6b7489;--stat-v:#ffffff;--line-bg:#14161d;--backdrop:rgba(6,7,10,0.72);--backdrop-blur:7px;--panel-bg:#101218;--panel-border:#262c3c;--panel-radius:16px;--panel-shadow:0 40px 90px rgba(0,0,0,0.72);--field-fg:#ffffff;--field-border:#1e2330;--placeholder:#626b81;--icon-fg:#7d8599;--group-fg:#6b7489;--group-border:#1a1e28;--gcount-bg:#1b2130;--gcount-fg:#98a1b6;--row-fg:#d3d8e6;--row-radius:10px;--row-active-bg:#1d2231;--row-active-fg:#ffffff;--row-rail:var(--accent);--ico-bg:#191d29;--ico-fg:#98a1b6;--meta-fg:#6b7489;--mark-bg:rgba(200,255,0,0.2);--mark-color:#c8ff00;--empty-fg:#d3d8e6;--empty-sub-fg:#6b7489;--foot-bg:#0c0e13;--foot-border:#1a1e28;--foot-fg:#6b7489;--foot-key-fg:#ffffff}body[data-variant="glass"]{--page-bg:linear-gradient(135deg,#2b1e5c 0%,#123a63 45%,#0d5f66 100%);--page-fg:#f4f6ff;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#7fe3ff;--accent-fg:#06283a;--bar-bg:rgba(255,255,255,0.1);--bar-border:rgba(255,255,255,0.18);--bar-fg:rgba(244,246,255,0.75);--mark-fg:#ffffff;--launch-bg:rgba(255,255,255,0.14);--launch-border:rgba(255,255,255,0.3);--launch-fg:#eef3ff;--launch-radius:999px;--key-bg:rgba(255,255,255,0.2);--key-fg:#ffffff;--stat-bg:rgba(255,255,255,0.1);--stat-border:rgba(255,255,255,0.18);--stat-k:rgba(244,246,255,0.7);--stat-v:#ffffff;--line-bg:rgba(255,255,255,0.14);--backdrop:rgba(10,16,32,0.4);--backdrop-blur:16px;--panel-bg:rgba(255,255,255,0.14);--panel-border:rgba(255,255,255,0.32);--panel-radius:22px;--panel-shadow:0 32px 80px rgba(4,12,28,0.5);--field-fg:#ffffff;--field-border:rgba(255,255,255,0.22);--placeholder:rgba(240,246,255,0.6);--icon-fg:rgba(240,246,255,0.8);--group-fg:rgba(240,246,255,0.72);--group-border:rgba(255,255,255,0.16);--gcount-bg:rgba(255,255,255,0.22);--gcount-fg:#ffffff;--row-fg:#eaf1ff;--row-radius:14px;--row-active-bg:rgba(255,255,255,0.26);--row-active-fg:#ffffff;--row-rail:var(--accent);--ico-bg:rgba(255,255,255,0.2);--ico-fg:#ffffff;--meta-fg:rgba(240,246,255,0.68);--mark-bg:rgba(127,227,255,0.36);--mark-color:#ffffff;--empty-fg:#ffffff;--empty-sub-fg:rgba(240,246,255,0.7);--foot-bg:rgba(255,255,255,0.08);--foot-border:rgba(255,255,255,0.18);--foot-fg:rgba(240,246,255,0.75);--foot-key-fg:#ffffff}body[data-variant="brutal"]{--page-bg:#e8e3d9;--page-fg:#100f0d;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#0033ff;--accent-fg:#ffffff;--bar-bg:#ffffff;--bar-border:#100f0d;--bar-fg:#4a453c;--mark-fg:#100f0d;--launch-bg:#ffe600;--launch-border:#100f0d;--launch-fg:#100f0d;--launch-radius:0px;--key-bg:#100f0d;--key-fg:#ffe600;--stat-bg:#ffffff;--stat-border:#100f0d;--stat-k:#4a453c;--stat-v:#100f0d;--line-bg:#d8d2c5;--backdrop:rgba(232,227,217,0.86);--backdrop-blur:0px;--panel-bg:#ffffff;--panel-border:#100f0d;--panel-radius:0px;--panel-shadow:10px 10px 0 #100f0d;--field-fg:#100f0d;--field-border:#100f0d;--placeholder:#6f685c;--icon-fg:#100f0d;--group-fg:#100f0d;--group-border:#100f0d;--gcount-bg:#100f0d;--gcount-fg:#ffe600;--row-fg:#100f0d;--row-radius:0px;--row-active-bg:#ffe600;--row-active-fg:#100f0d;--row-rail:#0033ff;--ico-bg:#efeae0;--ico-fg:#100f0d;--meta-fg:#6f685c;--mark-bg:#0033ff;--mark-color:#ffffff;--empty-fg:#100f0d;--empty-sub-fg:#6f685c;--foot-bg:#100f0d;--foot-border:#100f0d;--foot-fg:#cfcabf;--foot-key-fg:#ffe600}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;overflow:hidden}::selection{background:var(--accent);color:var(--accent-fg)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.6rem;padding:0 1.4rem;padding-right:230px;height:60px;background:var(--bar-bg);border-bottom:1px solid var(--bar-border)}.app-mark{font-weight:700;font-size:1rem;letter-spacing:-0.01em;color:var(--mark-fg)}.app-nav{display:flex;gap:1.1rem}.app-nav a{color:var(--bar-fg);text-decoration:none;font-size:0.85rem}.app-nav a:hover{color:var(--page-fg)}.app-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spot-launcher{margin-left:auto;display:flex;align-items:center;gap:0.55rem;padding:0.5rem 0.7rem;min-width:190px;background:var(--launch-bg);border:1px solid var(--launch-border);border-radius:var(--launch-radius);color:var(--launch-fg);font-family:var(--font-ui);font-size:0.85rem;cursor:pointer}.spot-launcher:hover{color:var(--page-fg)}.spot-launcher:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spot-launcher-label{flex:1;text-align:left}.spot-launcher-key,.spot-esc{font-family:var(--font-mono);font-size:0.62rem;padding:3px 6px;border-radius:4px;background:var(--key-bg);color:var(--key-fg)}.app-body{flex:1;padding:2.2rem 1.4rem;display:flex;flex-direction:column;gap:1.6rem}.app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.app-stat{display:flex;flex-direction:column;gap:0.35rem;padding:1rem 1.1rem;background:var(--stat-bg);border:1px solid var(--stat-border);border-radius:12px}body[data-variant="brutal"] .app-stat{border-radius:0;box-shadow:5px 5px 0 var(--stat-border)}.app-stat-k{font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--stat-k);font-family:var(--font-mono)}.app-stat-v{font-size:1.5rem;font-weight:700;color:var(--stat-v)}.app-lines{display:flex;flex-direction:column;gap:0.7rem}.app-lines span{height:10px;border-radius:4px;background:var(--line-bg)}.app-lines span:nth-child(2){width:84%}.app-lines span:nth-child(3){width:62%}.app-lines span:nth-child(4){width:91%}.app-lines span:nth-child(5){width:47%}.app-lines span:nth-child(6){width:73%}.app-hint{margin:auto;padding-bottom:3rem;font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.04em;color:var(--bar-fg)}.app-hint kbd{font-family:var(--font-mono);font-size:0.72rem;padding:3px 7px;margin:0 2px;border-radius:4px;background:var(--key-bg);color:var(--key-fg)}.spot-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:11vh 1.2rem 2rem}.spot-overlay[hidden]{display:none}.spot-backdrop{position:absolute;inset:0;background:var(--backdrop);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.spot-panel{position:relative;width:min(580px,100%);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);overflow:hidden}body[data-variant="glass"] .spot-panel{backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.spot-inner{display:flex;flex-direction:column}.spot-field{display:flex;align-items:center;gap:0.7rem;padding:0.95rem 1.05rem;border-bottom:1px solid var(--field-border)}.spot-field-icon{color:var(--icon-fg);flex-shrink:0}.spot-input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--field-fg);font-family:var(--font-ui);font-size:1.02rem}.spot-input::placeholder{color:var(--placeholder)}.spot-input:focus-visible{outline:none}.spot-results{max-height:330px;overflow-y:auto;padding:0.4rem}.spot-results[hidden]{display:none}.spot-group{padding:0.15rem 0 0.3rem}.spot-group[hidden]{display:none}.spot-group + .spot-group:not([hidden]){border-top:1px solid var(--group-border);margin-top:0.3rem}.spot-group-title{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--group-fg);padding:0.5rem 0.7rem 0.35rem}.spot-gcount{font-size:0.6rem;letter-spacing:0.04em;padding:1px 6px;border-radius:20px;background:var(--gcount-bg);color:var(--gcount-fg)}body[data-variant="brutal"] .spot-gcount{border-radius:0}.spot-list{list-style:none}.spot-row{position:relative;display:flex;align-items:center;gap:0.7rem;padding:0.55rem 0.7rem;border-radius:var(--row-radius);color:var(--row-fg);font-size:0.92rem;cursor:pointer}.spot-row[hidden]{display:none}.spot-row::before{content:'';position:absolute;left:0;top:50%;width:3px;height:0;margin-top:0;background:var(--row-rail);border-radius:3px;transition:height 0.22s ease,margin-top 0.22s ease}.spot-row.is-active{background:var(--row-active-bg);color:var(--row-active-fg)}.spot-row.is-active::before{height:18px;margin-top:-9px}.spot-row:hover{background:var(--row-active-bg);color:var(--row-active-fg)}.spot-ico{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--ico-bg);color:var(--ico-fg)}body[data-variant="brutal"] .spot-ico{border-radius:0;border:1px solid var(--panel-border)}.spot-ico--face{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.04em}.spot-label{flex:1;min-width:0}.spot-label mark{background:var(--mark-bg);color:var(--mark-color);border-radius:3px;padding:0 1px}.spot-meta{font-family:var(--font-mono);font-size:0.66rem;color:var(--meta-fg);flex-shrink:0}.spot-empty{padding:2.1rem 1.4rem 2.3rem;text-align:center}.spot-empty[hidden]{display:none}.spot-empty-title{color:var(--empty-fg);font-size:0.94rem}.spot-empty-title b{color:var(--accent);font-family:var(--font-mono);font-weight:500}.spot-empty-sub{color:var(--empty-sub-fg);font-size:0.8rem;margin-top:0.3rem}.spot-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.55rem 0.9rem;background:var(--foot-bg);border-top:1px solid var(--foot-border);font-family:var(--font-mono);font-size:0.68rem;color:var(--foot-fg)}.spot-foot b{color:var(--foot-key-fg)}@media (max-width:760px){.topbar{padding-right:1.4rem;gap:1rem}.app-nav{display:none}.spot-launcher{min-width:0}.app-stats{grid-template-columns:1fr}.spot-overlay{padding-top:6vh}.spot-results{max-height:250px}}@media (prefers-reduced-motion:reduce){.spot-row::before{transition:none}}