:root{--ink:#18202d;--muted:#697487;--line:#e5e8ef;--paper:#fff;--soft:#f6f7fb;--blue:#5368e8;--blue-dark:#4054cf;--yellow:#f4c95d;--teal:#79cdbb}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 30px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:750;font-size:16px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:white;width:26px;height:26px;border-radius:8px;font-family:Georgia,serif;font-size:17px}.brand-dot,.title-dot{color:var(--blue)}.top-nav{display:flex;gap:28px}.top-nav a,.site-footer a{color:var(--muted);font-size:13px;text-decoration:none}.top-nav a:hover,.site-footer a:hover{color:var(--ink)}.page-shell{max-width:1050px;margin:0 auto;padding:62px 30px 90px}.intro{text-align:center;max-width:650px;margin:0 auto 43px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:800}.spark{font-size:14px;margin-right:6px}.intro h1{font-size:clamp(43px,6vw,67px);letter-spacing:-.065em;line-height:1.05;margin:13px 0 15px;font-weight:800}.lede{color:var(--muted);font-size:17px;margin:0}.app-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:18px;align-items:stretch}.flip-card,.side-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(28,39,68,.06)}.flip-card{padding:36px 34px 27px;text-align:center;min-height:510px;display:flex;align-items:center;flex-direction:column}.coin-stage{height:250px;width:100%;position:relative;display:grid;place-items:center;perspective:900px}.coin{width:174px;height:174px;position:relative;transform-style:preserve-3d;transition:transform .3s}.coin-stage.active .coin{animation:flip 1.55s cubic-bezier(.2,.72,.27,1) forwards}.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;border:9px solid #e2ae38;outline:3px solid #f8d778;box-shadow:inset 0 0 0 3px rgba(255,255,255,.32),0 18px 22px rgba(49,46,24,.18);background:radial-gradient(circle at 33% 24%,#ffe9a3,#efbd4a 68%,#d89d28);color:#805d18;display:flex;flex-direction:column;align-items:center;justify-content:center}.coin-tails{transform:rotateY(180deg)}.face-label{font-size:12px;letter-spacing:.16em;font-weight:800}.face-symbol{font-family:Georgia,serif;font-size:56px;line-height:1;margin:9px 0;color:#a47621}.face-year{font-size:8px;letter-spacing:.11em;font-weight:700}.coin-shadow{position:absolute;width:133px;height:22px;bottom:18px;background:rgba(33,39,55,.13);filter:blur(9px);border-radius:50%}.result-kicker{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:800}.result{font-size:30px;font-weight:800;letter-spacing:-.045em;margin:3px 0 24px}.flip-button{border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-weight:750;padding:15px 25px;min-width:190px;cursor:pointer;box-shadow:0 7px 16px rgba(83,104,232,.22);transition:.2s}.flip-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.flip-button:disabled{opacity:.65;cursor:wait}.button-icon{font-size:18px;margin-right:6px}.shortcut{color:#a0a7b3;font-size:12px;margin:18px 0 0}kbd{border:1px solid #dfe3e9;background:#fafbfc;border-radius:5px;padding:2px 6px;color:#7d8796;font-size:11px}.side-panel{padding:26px 25px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:16px;margin:0;letter-spacing:-.02em}.text-button{border:0;background:none;color:var(--blue);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid var(--line);padding:25px 0 21px}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-value{display:block;font-size:25px;font-weight:800;letter-spacing:-.05em}.stat-label{display:block;font-size:10px;color:var(--muted);margin-top:2px}.balance-block{padding:21px 0;border-bottom:1px solid var(--line)}.balance-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:11px}.balance-label span{color:var(--muted)}.balance-label strong{font-size:11px}.balance-track{display:flex;height:8px;background:#eef0f5;border-radius:20px;overflow:hidden}.balance-track span{transition:width .35s}.balance-track span:first-child{background:var(--blue)}.balance-track span:last-child{background:var(--yellow)}.balance-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:9px}.balance-legend span{display:flex;align-items:center;gap:5px}.balance-legend b{color:var(--ink);font-weight:700;margin-left:2px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.heads-dot{background:var(--blue)}.tails-dot{background:var(--yellow)}.history-block{padding-top:20px}.history-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.history-list{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto}.history-list li{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #f0f1f5;font-size:12px}.history-number{width:15px;color:#a0a7b3;font-size:10px}.mini-coin{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:13px;font-family:Georgia,serif}.mini-coin.heads{background:#e2e6ff;color:var(--blue)}.mini-coin.tails{background:#fff1c9;color:#a8791c}.history-list time{margin-left:auto;color:#a0a7b3;font-size:10px}.empty-history{color:#a0a7b3!important;padding:18px 0!important}.trust-note{display:flex;gap:14px;align-items:flex-start;max-width:590px;margin:33px auto 75px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.5)}.trust-icon{font-size:24px;color:var(--teal);line-height:1}.trust-note strong{font-size:12px}.trust-note p{font-size:11px;color:var(--muted);margin:3px 0 0}.more-tools{border-top:1px solid var(--line);padding-top:27px;display:flex;align-items:end;justify-content:space-between}.more-tools h2{margin:7px 0 0;font-size:23px;letter-spacing:-.04em}.outline-link{display:flex;gap:12px;align-items:center;color:var(--blue);font-weight:700;font-size:13px;text-decoration:none;border:1px solid #d8ddf8;padding:10px 14px;border-radius:10px;background:#fbfbff}.outline-link span{font-size:18px}.site-footer{max-width:1050px;margin:auto;padding:20px 30px 35px;border-top:1px solid var(--line);display:flex;gap:25px;color:#9aa2b0;font-size:11px}.site-footer span{margin-right:auto}@keyframes flip{0%{transform:rotateY(0) translateY(0)}48%{transform:rotateY(calc(var(--turns) * 180deg)) translateY(-30px)}100%{transform:rotateY(calc(var(--turns) * 360deg)) translateY(0)}}@media(max-width:720px){.site-header{height:64px;padding:0 20px}.page-shell{padding:42px 18px 65px}.top-nav{gap:15px}.app-grid{grid-template-columns:1fr}.flip-card{min-height:470px;padding:28px 20px 24px}.coin-stage{height:220px}.side-panel{padding:23px 20px}.trust-note{margin:28px 0 60px}.more-tools{align-items:flex-start;gap:20px;flex-direction:column}.site-footer{padding:20px;flex-wrap:wrap;gap:12px}.site-footer span{width:100%;margin:0}}