@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f2efeb;background:#171927;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 12%,#383148 0,transparent 40%),radial-gradient(ellipse at 9% 80%,#293642 0,transparent 39%),#171927}.grain{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{position:relative;max-width:1120px;margin:auto;padding:30px 34px}.top{display:flex;align-items:center;gap:13px;font:500 11px 'DM Mono',monospace;letter-spacing:.13em;color:#b6b5c4}.mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fa7562;color:#262332;font-size:23px;font-weight:700}.slash{color:#fa7562;padding:0 6px}.intro{max-width:690px;margin:85px 0 47px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.19em;text-transform:uppercase;color:#f5a487}.intro h1,.error h1{font:700 clamp(54px,9vw,104px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:17px 0 24px}.intro em{color:#fa7562;font-style:normal}.intro p{max-width:560px;color:#bbb9c6;font-size:18px;line-height:1.65;margin:0}.machine{padding:22px;border:1px solid #5c5968;border-radius:20px;background:#242532;box-shadow:0 25px 75px #0c0e1b5c}.machine-head{display:flex;justify-content:space-between;margin:0 3px 20px;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#9695a5}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4d69b;margin-right:9px;box-shadow:0 0 12px #b4d69b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{min-height:250px;padding:19px 20px 25px;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;color:#242333}.card-one{background:#eac9b9}.card-two{background:#bfd4cc}.card-three{background:#dfd1ad}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.number,.lock{font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.lock{border:1px solid #34334255;border-radius:6px;background:transparent;padding:8px 9px;color:inherit;cursor:pointer}.lock:hover,.lock[aria-pressed=true]{background:#252332;color:#fff}.lock[aria-pressed=true]{border-color:#252332}.card-content{display:flex;flex-direction:column;gap:10px}.card-icon{font-size:30px;line-height:1}.card-text{font:600 clamp(22px,2.6vw,32px)/1.16 'Space Grotesk',sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere}.reveal .card-content{animation:appear .3s both}.reveal .card:nth-child(2) .card-content{animation-delay:.06s}.reveal .card:nth-child(3) .card-content{animation-delay:.12s}@keyframes appear{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.actions{display:flex;align-items:center;gap:22px;padding:23px 2px 2px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;padding:17px 19px;background:#fa7562;color:#252333;border:0;border-radius:8px;font:700 12px 'DM Mono',monospace;letter-spacing:.06em;cursor:pointer;text-decoration:none}.primary:hover{background:#ff9882}.primary:disabled{opacity:.55;cursor:wait}.hint{color:#a9a8b8;font-size:13px}.below{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:37px 2px 68px}.tools{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.tools button,.favorite button{color:#e9e5e5;background:#343543;border:1px solid #50515e;border-radius:7px;padding:12px;font:500 12px 'DM Mono',monospace;cursor:pointer}.tools button:hover:not(:disabled){border-color:#fa7562}.tools button:disabled{opacity:.43;cursor:default}.saved h2{margin:0 0 14px;font:600 15px 'Space Grotesk',sans-serif}.saved h2 span{color:#fa7562;margin-left:7px}.empty{color:#9393a3;font-size:13px}.favorite{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #414250;padding:8px 0}.favorite a{color:#ddd9db;font-size:13px;text-decoration:none}.favorite a:hover{text-decoration:underline}.favorite button{padding:4px 8px}footer{border-top:1px solid #414250;padding:21px 0;color:#9291a3;font-size:11px;display:flex;justify-content:space-between;gap:18px}.error{padding-top:18vh}.error h1{font-size:clamp(42px,7vw,75px)}.error p{color:#bbb9c6;margin-bottom:30px}@media(max-width:760px){.shell{padding:20px}.intro{margin:65px 0 35px}.intro p{font-size:16px}.machine{padding:14px}.cards{grid-template-columns:1fr}.card{min-height:165px}.card-text{font-size:27px}.actions,.below,footer{display:flex;flex-direction:column;align-items:stretch}.actions{gap:14px}.primary{width:100%}.below{gap:32px;margin-bottom:50px}footer{gap:6px}}@media print{*{color:#111!important;background:#fff!important;box-shadow:none!important}.grain,.top,.intro p,.eyebrow,.machine-head,.lock,.actions,.below,footer{display:none!important}.shell{padding:0}.intro{margin:0 0 30px}.intro h1{font-size:40px}.machine{border:2px solid #111}.cards{display:block}.card{min-height:0;border:1px solid #333;margin-bottom:12px;break-inside:avoid}.card-icon{display:none}.card-text{font-size:23px}}
[hidden]{display:none!important}
.top a{color:inherit;text-decoration:none}.top a:hover{color:#fa7562}
.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 3px 20px;padding:16px 18px;background:#1b1d2a;border:1px solid #484958;border-radius:11px}
.controls label{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:#f5a487}
.controls select{min-width:178px;padding:10px 12px;background:#343543;color:#f2efeb;border:1px solid #696775;border-radius:7px;font:500 12px 'DM Mono',monospace;cursor:pointer}
.controls select:focus-visible,.lock:focus-visible,.shuffle:focus-visible,.primary:focus-visible{outline:2px solid #fa7562;outline-offset:3px}
.controls>span{font-size:12px;color:#aba8b8}
.cards[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-four{background:#c7c3df}.card-five{background:#debac5}
.shuffle{align-self:flex-start;padding:7px 0 0;background:none;border:0;color:#3d3a4b;font:600 11px 'DM Mono',monospace;cursor:pointer}
.shuffle:hover:not(:disabled){text-decoration:underline}.shuffle:disabled{opacity:.4;cursor:default}.lock:disabled{opacity:.45;cursor:default}
.cards[data-count="5"] .card-text{font-size:clamp(21px,2.2vw,28px)}
@media(max-width:760px){.cards[data-count="4"],.cards[data-count="5"]{grid-template-columns:1fr}.controls{align-items:flex-start}.controls>span{width:100%}.card{min-height:190px}.cards[data-count="5"] .card-text{font-size:26px}}
@media print{.controls,.shuffle{display:none!important}}
@media(prefers-reduced-motion:reduce){.reveal .card-content{animation:none}}