.fc{display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;min-height:calc(100vh - 44px)}.fc header{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.fc h1{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:-.01em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}header{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:-.01em}.deck-tabs{display:flex;gap:3px;background:var(--surface2);padding:3px;border-radius:8px}.tab{padding:5px 12px;border:none;background:none;border-radius:6px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.tab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0006}.filter-bar{width:100%;max-width:680px;display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.chip{padding:4px 10px;border:1px solid var(--border);border-radius:100px;background:var(--surface);font-size:11px;font-weight:500;color:var(--label);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--label);color:var(--text)}.chip.active{border-color:var(--chip-c);color:var(--chip-c);background:var(--chip-bg)}.scene{width:100%;max-width:680px;perspective:1200px;margin-bottom:18px;cursor:pointer;user-select:none}.card{width:100%;min-height:300px;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1)}.card.flipped{transform:rotateY(180deg)}.face{position:absolute;width:100%;min-height:300px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;padding:26px 30px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--chip-c, var(--border));display:flex;flex-direction:column}.face-back{transform:rotateY(180deg);background:var(--surface2)}.face-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.face-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--chip-c, var(--label));background:var(--chip-bg, var(--surface2));display:inline-block;padding:2px 8px;border-radius:100px;margin-bottom:14px;width:fit-content}.face-question{font-size:21px;font-weight:600;line-height:1.38;color:var(--accent);flex:1}.face-angle{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--chip-c, var(--muted));margin-bottom:14px}.flip-hint{margin-top:20px;font-size:11px;color:var(--muted)}.back-section{margin-bottom:14px}.back-sublabel{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:4px}.back-primary{font-size:16px;font-weight:600;color:var(--accent);line-height:1.4}.back-alt{font-size:13px;color:var(--label);line-height:1.55;padding:1px 0}.back-alt:before{content:"• ";color:var(--muted)}.back-note{margin-top:auto;font-size:11px;color:#d97706;background:#2d1f00;border:1px solid #3d2a00;border-radius:6px;padding:7px 10px;line-height:1.45}.bullet-list{flex:1;display:flex;flex-direction:column;gap:9px}.bullet{font-size:14px;color:var(--text);line-height:1.48;padding-left:18px;position:relative}.bullet:before{content:"—";position:absolute;left:0;color:var(--muted);font-size:12px}.refined-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#34d399;background:#0a1f14;border:1px solid #0f3020;border-radius:100px;padding:3px 10px;margin-bottom:12px;width:fit-content}.refined-path{font-size:12px;font-family:SF Mono,Fira Code,ui-monospace,monospace;color:var(--label);background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:7px 10px;line-height:1.5;word-break:break-all}.controls{width:100%;max-width:680px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:13px;font-weight:500;color:var(--label);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--label);background:var(--surface2);color:var(--text)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-shuffle.on{background:#1a1f2e;border-color:#3a4a8a;color:#818cf8}.progress{flex:1;text-align:center;font-size:13px;font-weight:500;color:var(--muted)}.kbd-hints{font-size:11px;color:var(--muted);text-align:center}kbd{display:inline-block;padding:1px 5px;background:var(--surface2);border:1px solid var(--border);border-radius:3px;font-size:10px;font-family:inherit;color:var(--label)}