:root{--bg-0: #15120F;--bg-1: #211A14;--bg-2: #2C231B;--bg-3: #3A2E23;--surface: #F7E7C6;--surface-2: #EFD9AE;--acc-1: #D89B4A;--acc-1-soft: #BC8137;--acc-2: #8B5E34;--text: #F5F0E8;--text-2: #B8AFA3;--text-3: #7E776B;--success: #5CC878;--error: #E05A47;--hairline: rgba(245, 240, 232, .08);--hairline-strong: rgba(245, 240, 232, .16);--shadow: 0 24px 60px -20px rgba(0,0,0,.55), 0 6px 20px -10px rgba(0,0,0,.5);--shadow-card: 0 10px 30px -16px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.4);--sp: 1;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-xl: 28px;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-ui: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-palette=slate]{--bg-0: #0F1318;--bg-1: #161C24;--bg-2: #1E2630;--bg-3: #2A3340;--surface: #E6ECF2;--surface-2: #D3DCE6;--acc-1: #6FA0D6;--acc-1-soft: #4E83BD;--acc-2: #3D5A7A;--text: #ECF1F6;--text-2: #A9B4C0;--text-3: #6E7986;--hairline: rgba(236, 241, 246, .07);--hairline-strong: rgba(236, 241, 246, .15)}[data-palette=forest]{--bg-0: #0F1411;--bg-1: #161E18;--bg-2: #1E2922;--bg-3: #2A3830;--surface: #E8EDDE;--surface-2: #D4DCC4;--acc-1: #8FB066;--acc-1-soft: #6E914A;--acc-2: #3F5A35;--text: #EDF1E5;--text-2: #A9B49C;--text-3: #6E7964;--hairline: rgba(237, 241, 229, .07);--hairline-strong: rgba(237, 241, 229, .15)}[data-mode=light]{--bg-0: #F4EBDA;--bg-1: #EADFCB;--bg-2: #E0D2B6;--bg-3: #D1C09F;--surface: #FFF8EC;--surface-2: #F7EDD7;--acc-1: #B07320;--acc-1-soft: #8E5C18;--acc-2: #6D4A26;--text: #1F1813;--text-2: #5C5045;--text-3: #847868;--hairline: rgba(31, 24, 19, .1);--hairline-strong: rgba(31, 24, 19, .18);--shadow: 0 24px 60px -20px rgba(63, 42, 22, .3), 0 6px 20px -10px rgba(63, 42, 22, .25);--shadow-card: 0 10px 30px -16px rgba(63, 42, 22, .35), 0 2px 6px -2px rgba(63, 42, 22, .2)}[data-mode=light][data-palette=slate]{--bg-0: #E9EEF3;--bg-1: #DDE5ED;--bg-2: #CDD7E0;--bg-3: #B9C5D2;--surface: #FFFFFF;--surface-2: #F4F7FB;--acc-1: #2F6CAE;--acc-1-soft: #245690;--acc-2: #1B3F6B;--text: #0F1822;--text-2: #4A5765;--text-3: #6E7986}[data-mode=light][data-palette=forest]{--bg-0: #EAEFDF;--bg-1: #DDE5CD;--bg-2: #CDD7B8;--bg-3: #B9C8A0;--surface: #FFFCF3;--surface-2: #F5F2E5;--acc-1: #4F7A2C;--acc-1-soft: #3C5F21;--acc-2: #2F4818;--text: #1A2014;--text-2: #4F5847;--text-3: #6E7964}[data-density=compact]{--sp: .78}[data-density=comfy]{--sp: 1.18}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit}.grain{min-height:100vh;display:flex;flex-direction:column;flex:1}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.1;mix-blend-mode:overlay;z-index:1000}[data-mode=light] .grain:before{opacity:.08;mix-blend-mode:multiply}.wood-bg{background:radial-gradient(120% 60% at 50% 0%,rgba(216,155,74,.1),transparent 65%),radial-gradient(80% 50% at 80% 100%,rgba(139,94,52,.18),transparent 70%),repeating-linear-gradient(92deg,var(--bg-0) 0px,var(--bg-1) 2px,var(--bg-0) 4px,var(--bg-1) 7px,var(--bg-0) 9px),var(--bg-0);min-height:100vh;display:flex;flex-direction:column;flex:1}.felt{background:radial-gradient(ellipse 90% 70% at 50% 40%,color-mix(in oklab,var(--acc-2) 18%,var(--bg-1)),var(--bg-0) 80%),var(--bg-1);position:relative}.felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' seed='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.18;pointer-events:none;mix-blend-mode:overlay}h1,h2,h3,.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}h1{font-size:clamp(40px,6vw,84px);line-height:1.02;font-variation-settings:"SOFT" 50}h2{font-size:clamp(28px,3.6vw,44px);line-height:1.08}h3{font-size:22px;line-height:1.2}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column}.muted{color:var(--text-2)}.tiny{font-size:12px}.mono{font-family:var(--font-mono)}.divider{height:1px;background:var(--hairline);width:100%}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:4px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}}@keyframes floatUp{to{transform:translateY(-80px);opacity:0}}@keyframes pulseAcc{0%,to{box-shadow:0 0 color-mix(in oklab,var(--acc-1) 50%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklab,var(--acc-1) 0%,transparent)}}.screen-in{animation:screenIn .35s ease both}.pulse-turn{animation:pulseAcc 2s ease-in-out infinite}.btn{font-family:var(--font-ui);font-weight:600;font-size:14px;letter-spacing:.01em;border:0;border-radius:999px;padding:calc(13px * var(--sp)) calc(22px * var(--sp));cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap;position:relative}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--acc-1);color:#1a1208;box-shadow:0 6px 18px -8px #d89b4ab3,inset 0 1px #ffffff40}.btn-primary:hover:not(:disabled){background:color-mix(in oklab,var(--acc-1),white 8%)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--hairline-strong)}.btn-ghost:hover:not(:disabled){background:var(--hairline);border-color:var(--text-2)}.btn-dark{background:var(--bg-2);color:var(--text);border:1px solid var(--hairline-strong)}.btn-dark:hover:not(:disabled){background:var(--bg-3)}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:18px 28px;font-size:16px}.card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--text)}.wordmark .glyph{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--acc-1),var(--acc-2));position:relative;box-shadow:inset 0 1px #ffffff40,0 4px 12px -4px #d89b4a66}.wordmark .glyph:before{content:"";position:absolute;width:8px;height:8px;background:var(--bg-0);border-radius:2px;top:6px;left:6px;box-shadow:14px 0 0 var(--bg-0),0 14px 0 var(--bg-0),14px 14px 0 var(--bg-0)}.wordmark .glyph:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--bg-0);top:13px;left:13px}.av{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:500;font-size:14px;color:#1a1208;flex-shrink:0;box-shadow:0 0 0 2px var(--bg-1),inset 0 1px #ffffff4d}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;border-bottom:1px solid var(--hairline);position:sticky;top:0;background:color-mix(in oklab,var(--bg-0) 88%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);z-index:20}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-right{display:flex;align-items:center;gap:14px}.dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 25%,transparent)}.dot.idle{background:var(--text-3);box-shadow:0 0 0 3px color-mix(in oklab,var(--text-3) 25%,transparent)}.dot.err{background:var(--error);box-shadow:0 0 0 3px color-mix(in oklab,var(--error) 25%,transparent)}.pc{position:relative;border-radius:10px;background:linear-gradient(160deg,var(--surface),var(--surface-2));color:#2a1a0a;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -8px #0009,inset 0 0 0 1px #0000000f,inset 0 1px #fff9;-webkit-user-select:none;user-select:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}.pc-back{background:repeating-linear-gradient(45deg,var(--acc-2) 0 8px,color-mix(in oklab,var(--acc-2),black 10%) 8px 16px),var(--acc-2);color:var(--acc-1);border:1px solid color-mix(in oklab,var(--acc-2),black 30%)}.pc-back:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid color-mix(in oklab,var(--acc-1),transparent 60%);border-radius:6px}[data-cards=flat] .pc{box-shadow:inset 0 0 0 1px #0000001a;border-radius:8px}[data-cards=flat] .pc-back{background:var(--acc-2)}[data-cards=textured] .pc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.25  0 0 0 0 0.1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.1;pointer-events:none}[data-anim=marked] .pc.hand-card:hover{transform:translateY(-14px) rotate(var(--rot, 0deg));box-shadow:0 18px 28px -14px #000000b3}[data-anim=subtle] .pc.hand-card:hover{transform:translateY(-4px) rotate(var(--rot, 0deg))}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--hairline);color:var(--text-2);font-size:12px;font-weight:500}.chip.solid{background:var(--acc-1);color:#1a1208}.chip.ok{background:color-mix(in oklab,var(--success) 22%,var(--bg-1));color:var(--success)}.chip.warn{background:color-mix(in oklab,var(--acc-1) 20%,var(--bg-1));color:var(--acc-1)}.chip.err{background:color-mix(in oklab,var(--error) 18%,var(--bg-1));color:var(--error)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;animation:fade .2s ease}.modal{background:var(--bg-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);padding:30px;width:min(440px,92vw);box-shadow:var(--shadow);animation:pop .25s cubic-bezier(.2,.7,.2,1);max-height:90vh;overflow-y:auto}.input{font-family:var(--font-ui);font-size:14px;background:var(--bg-2);color:var(--text);border:1px solid var(--hairline-strong);border-radius:12px;padding:12px 14px;width:100%;outline:none;transition:border-color .15s,background .15s}.input:focus{border-color:var(--acc-1);background:var(--bg-1)}.input-code{font-family:var(--font-mono);letter-spacing:.2em;text-align:center;font-size:18px;text-transform:uppercase}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-2);color:var(--text);border:1px solid var(--hairline-strong);border-radius:14px;padding:12px 18px;font-size:14px;z-index:80;box-shadow:var(--shadow);animation:pop .2s ease}