*{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;--chip-bg:#14161f;--chip-border:#272c3c;--chip-fg:#a8b0c4;--chip-radius:999px;--chip-hover-bg:#1d2231;--chip-hover-fg:#ffffff;--chip-on-bg:#c8ff00;--chip-on-border:#c8ff00;--chip-on-fg:#0a0b0e;--fade:#0a0b0e;--rail-bg:#181b26;--rail-grip:#39415a;--rail-grip-hover:#4d5678;--meta-fg:#6b7489;--count-fg:#ffffff;--clear-bg:transparent;--clear-border:#2c3346;--clear-fg:#d3d8e6;--card-bg:#101218;--card-border:#1d2230;--card-radius:14px;--card-shadow:none;--card-title-fg:#ffffff;--card-meta-fg:#6b7489;--thumb-radius:10px;--thumb-fg:rgba(255,255,255,0.82);--sw-1:linear-gradient(135deg,#1f3b52,#10202c);--sw-2:linear-gradient(135deg,#3a2a52,#1c1430);--sw-3:linear-gradient(135deg,#123f38,#0a231f);--sw-4:linear-gradient(135deg,#52371f,#2b1c10);--sw-5:linear-gradient(135deg,#2b2f52,#14162b);--sw-6:linear-gradient(135deg,#4b1f34,#26101b);--empty-fg:#8b93a7}body[data-variant="paper"]{--page-bg:#f5f1e8;--page-fg:#1b1712;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#b0472a;--accent-fg:#ffffff;--chip-bg:transparent;--chip-border:#c9bfa9;--chip-fg:#5c5245;--chip-radius:3px;--chip-hover-bg:#ece5d6;--chip-hover-fg:#1b1712;--chip-on-bg:#1b1712;--chip-on-border:#1b1712;--chip-on-fg:#f5f1e8;--fade:#f5f1e8;--rail-bg:#e3dac6;--rail-grip:#a89a80;--rail-grip-hover:#8a7c63;--meta-fg:#6d6355;--count-fg:#1b1712;--clear-bg:transparent;--clear-border:#b0472a;--clear-fg:#b0472a;--card-bg:#fbf8f1;--card-border:#ddd3bf;--card-radius:3px;--card-shadow:none;--card-title-fg:#1b1712;--card-meta-fg:#6d6355;--thumb-radius:2px;--thumb-fg:rgba(255,255,255,0.9);--sw-1:linear-gradient(135deg,#8a6a4b,#5d442c);--sw-2:linear-gradient(135deg,#6f7f6a,#465142);--sw-3:linear-gradient(135deg,#b0472a,#7c2f1b);--sw-4:linear-gradient(135deg,#4c5a72,#2f394b);--sw-5:linear-gradient(135deg,#9a8a5c,#6a5d38);--sw-6:linear-gradient(135deg,#7a5568,#4e3542);--empty-fg:#6d6355}body[data-variant="soft"]{--page-bg:#f4f2ff;--page-fg:#241f3d;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#6c4dff;--accent-fg:#ffffff;--chip-bg:#ffffff;--chip-border:#e2ddfa;--chip-fg:#57507d;--chip-radius:999px;--chip-hover-bg:#ece8ff;--chip-hover-fg:#241f3d;--chip-on-bg:#6c4dff;--chip-on-border:#6c4dff;--chip-on-fg:#ffffff;--fade:#f4f2ff;--rail-bg:#e7e3fb;--rail-grip:#bcb2ee;--rail-grip-hover:#9d90e6;--meta-fg:#6f6892;--count-fg:#241f3d;--clear-bg:#ffffff;--clear-border:#e2ddfa;--clear-fg:#6c4dff;--card-bg:#ffffff;--card-border:#ffffff;--card-radius:20px;--card-shadow:0 10px 26px rgba(72,56,160,0.1);--card-title-fg:#241f3d;--card-meta-fg:#6f6892;--thumb-radius:16px;--thumb-fg:rgba(255,255,255,0.92);--sw-1:linear-gradient(135deg,#a5b4fc,#7f8ff5);--sw-2:linear-gradient(135deg,#fbc4d5,#f79db8);--sw-3:linear-gradient(135deg,#a7e8d8,#6fcbb6);--sw-4:linear-gradient(135deg,#ffd9a8,#f7bb72);--sw-5:linear-gradient(135deg,#c9b6ff,#a487ff);--sw-6:linear-gradient(135deg,#9fd8f5,#6bb9e6);--empty-fg:#6f6892}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh}::selection{background:var(--accent);color:var(--accent-fg)}.fcb-stage{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:clamp(2rem,9vh,5.5rem) 1.5rem 2rem}.fcb{width:min(900px,100%)}.fcb-barwrap{position:relative;--rail-space:calc(0.7rem + 4px)}.fcb-barwrap::before,.fcb-barwrap::after{content:'';position:absolute;top:0;bottom:var(--rail-space);width:44px;pointer-events:none;opacity:0;transition:opacity 0.2s ease}.fcb-barwrap::before{left:0;background:linear-gradient(to left,transparent,var(--fade))}.fcb-barwrap::after{right:0;background:linear-gradient(to right,transparent,var(--fade))}.fcb-barwrap.at-start::before{opacity:0}.fcb-barwrap:not(.at-start)::before{opacity:1}.fcb-barwrap:not(.at-end)::after{opacity:1}.fcb-bar{display:flex;gap:0.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.fcb-bar::-webkit-scrollbar{display:none}.fcb-rail{position:relative;height:4px;margin-top:0.7rem;border-radius:var(--chip-radius);background:var(--rail-bg);opacity:0;transition:opacity 0.25s ease}.fcb-rail.is-live{opacity:1}.fcb-rail-grip{position:absolute;top:-4px;left:0;height:12px;min-width:28px;padding:4px 0;background-clip:content-box;background-color:var(--rail-grip);border-radius:var(--chip-radius);cursor:grab;touch-action:none}.fcb-rail-grip:hover,.fcb-rail.is-dragging .fcb-rail-grip{background-color:var(--rail-grip-hover)}.fcb-rail.is-dragging .fcb-rail-grip{cursor:grabbing}@media (hover:none){.fcb-rail-grip{cursor:default}}.fcb-chip{flex:0 0 auto;display:flex;align-items:center;gap:0;padding:0.5rem 0.95rem;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--chip-radius);color:var(--chip-fg);font-family:var(--font-ui);font-size:0.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.fcb-chip:hover{background:var(--chip-hover-bg);color:var(--chip-hover-fg)}.fcb-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fcb-chip[aria-pressed="true"]{background:var(--chip-on-bg);border-color:var(--chip-on-border);color:var(--chip-on-fg)}.fcb-check{display:flex;align-items:center;justify-content:center;width:0;overflow:hidden;opacity:0;flex-shrink:0}.fcb-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:34px;margin:1.1rem 0 0.9rem}.fcb-countline{font-size:0.85rem;color:var(--meta-fg)}.fcb-count{color:var(--count-fg);font-family:var(--font-mono);font-weight:600}.fcb-clear{padding:0.4rem 0.8rem;background:var(--clear-bg);border:1px solid var(--clear-border);border-radius:var(--chip-radius);color:var(--clear-fg);font-family:var(--font-ui);font-size:0.78rem;cursor:pointer}.fcb-clear:hover{background:var(--chip-hover-bg);color:var(--chip-hover-fg)}.fcb-clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fcb-clear[hidden]{display:none}.fcb-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.9rem}.fcb-card{display:flex;flex-direction:column;gap:0.55rem;padding:0.7rem 0.7rem 0.9rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.fcb-card[hidden]{display:none}.fcb-grid.is-flipping > .fcb-card{align-self:start}.fcb-thumb{display:flex;align-items:flex-end;justify-content:flex-end;height:64px;padding:0.4rem 0.55rem;border-radius:var(--thumb-radius);font-family:var(--font-mono);font-size:0.62rem;color:var(--thumb-fg)}.fcb-thumb[data-hue="1"]{background:var(--sw-1)}.fcb-thumb[data-hue="2"]{background:var(--sw-2)}.fcb-thumb[data-hue="3"]{background:var(--sw-3)}.fcb-thumb[data-hue="4"]{background:var(--sw-4)}.fcb-thumb[data-hue="5"]{background:var(--sw-5)}.fcb-thumb[data-hue="6"]{background:var(--sw-6)}.fcb-card-title{font-size:0.92rem;font-weight:600;color:var(--card-title-fg)}.fcb-card-meta{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:0.02em;color:var(--card-meta-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcb-empty{padding:2.4rem 1rem;text-align:center;font-size:0.9rem;color:var(--empty-fg)}.fcb-empty[hidden]{display:none}@media (max-width:860px){.fcb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.fcb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}