:root{--bg-primary: #121413;--bg-surface: #181b19;--bg-surface-raised: #212522;--bg-surface-card: #282d29;--border-subtle: rgba(240, 235, 225, .08);--border-active: rgba(240, 235, 225, .22);--border-warm: rgba(230, 180, 120, .35);--text-primary: #f2eee8;--text-secondary: #bab5ac;--text-muted: #858077;--accent-gold: #e2ba7d;--accent-emerald: #5cb987;--accent-rose: #e67d7d;--accent-cyan: #7dcce2;--shadow-warm-sm: 0 .125rem .375rem rgba(36, 38, 34, .35);--shadow-warm-md: 0 .5rem 1.25rem rgba(36, 38, 34, .45);--shadow-warm-lg: 0 1.25rem 2.5rem rgba(36, 38, 34, .6);--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-parchment{--bg-primary: #f4efe7;--bg-surface: #eae4da;--bg-surface-raised: #e0d9cd;--bg-surface-card: #d7d0c2;--border-subtle: rgba(40, 45, 41, .08);--border-active: rgba(40, 45, 41, .22);--border-warm: rgba(180, 120, 60, .35);--text-primary: #181b19;--text-secondary: #4a4d49;--text-muted: #737871;--accent-gold: #b37e34;--accent-emerald: #2e8255;--accent-rose: #be3e3e;--accent-cyan: #2d7890;--shadow-warm-sm: 0 .125rem .375rem rgba(60, 45, 30, .1);--shadow-warm-md: 0 .5rem 1.25rem rgba(60, 45, 30, .15);--shadow-warm-lg: 0 1.25rem 2.5rem rgba(60, 45, 30, .2)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}.grain-overlay{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9999;opacity:.035;background-image:radial-gradient(circle at 50% 50%,#ffffff 1px,transparent 1px);background-size:4px 4px;animation:grainJitter .5s steps(6,end) infinite}@keyframes grainJitter{0%,to{transform:translate(0)}20%{transform:translate(-2%,2%)}40%{transform:translate(2%,-1%)}60%{transform:translate(-1%,-2%)}80%{transform:translate(1%,1%)}}@media(prefers-reduced-motion:reduce){.grain-overlay{animation:none;opacity:.02}}.font-editorial-serif{font-family:var(--font-serif);letter-spacing:-.03em;line-height:.98}.font-editorial-mono{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em}.tactile-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-warm-sm);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;position:relative;overflow:hidden}.tactile-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-warm-md);transform:translateY(-3px)}.match-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:9999px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.03em;background-color:#e2ba7d1f;color:var(--accent-gold);border:1px solid rgba(226,186,125,.28)}.match-badge.high{background-color:#5cb98724;color:var(--accent-emerald);border-color:#5cb9874d}.tactile-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;font-family:var(--font-sans);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);background-color:var(--bg-surface-raised);color:var(--text-primary);box-shadow:var(--shadow-warm-sm);transition:all .18s ease;-webkit-user-select:none;user-select:none}.tactile-btn:hover{background-color:var(--bg-surface-card);border-color:var(--border-active);transform:translateY(-1px);box-shadow:var(--shadow-warm-md)}.tactile-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.tactile-btn-primary{background-color:var(--accent-gold);color:#121413;border-color:#e2ba7d66}.tactile-btn-primary:hover{background-color:#ecc98f;color:#121413}.dialogue-bubble{position:relative;border-radius:14px;padding:1.1rem 1.35rem;background-color:var(--bg-surface-raised);border:1px solid var(--border-subtle);transition:border-color .2s ease}.dialogue-bubble.active-speaker{border-color:var(--accent-gold);box-shadow:0 0 16px #e2ba7d1f}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}