:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#111;--color-bg:#ffe66d;--color-surface:#fff;--color-text:var(--color-ink);--color-muted:#4a4a4a;--color-line:var(--color-ink);--color-shadow:var(--color-ink);--color-accent:#ff4d8d;--color-accent-contrast:var(--color-ink);--color-danger:#d00036;--color-success:#00704a;--tint-0:#ffd23f;--tint-1:#06d6a0;--tint-2:#b794f6;--tint-3:#ff8fb8;--tint-4:#ff9f1c;--tint-5:#4cc9f0;--radius:6px;--border-width:3px;--shadow:6px 6px 0 var(--color-shadow);--shadow-small:3px 3px 0 var(--color-shadow);--shadow-hover:8px 8px 0 var(--color-shadow);--shadow-pressed:0 0 0 var(--color-shadow);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--tap-size:2.75rem;--content-width:38rem;--font:"Space Grotesk", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font:1rem/1.5 var(--font);margin:0}a{color:var(--color-text);text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:3px;font-weight:800}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:-.02em;text-transform:uppercase;font-weight:900;line-height:1.05}h1{font-size:2.1rem}h2{font-size:1.2rem}p{margin:0 0 var(--space-3)}.shell{max-width:var(--content-width);padding:var(--space-4);margin:0 auto}.topbar{padding:var(--space-3) 0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--color-accent);box-shadow:var(--shadow-small);text-transform:uppercase;color:var(--color-ink);font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-emoji{font-size:1.5rem;display:inline-block}.nav{gap:var(--space-4);display:flex}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);margin-bottom:var(--space-4)}.card.tinted{background:var(--tint)}.tint-0{--tint:var(--tint-0)}.tint-1{--tint:var(--tint-1)}.tint-2{--tint:var(--tint-2)}.tint-3{--tint:var(--tint-3)}.tint-4{--tint:var(--tint-4)}.tint-5{--tint:var(--tint-5)}.hero{background:var(--tint-5);position:relative;overflow:hidden}.hero>:not(.floaters){position:relative}.floaters{pointer-events:none;position:absolute;inset:0}.floaters span{font-size:2rem;position:absolute}.stack{gap:var(--space-3);display:grid}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row.spread{justify-content:space-between}.muted{color:var(--color-muted)}.card.tinted .muted{color:var(--color-ink);opacity:.75}.error{color:var(--color-danger);font-weight:800}.success{color:var(--color-success);font-weight:800}label{gap:var(--space-1);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:800;display:grid}label>.muted{text-transform:none;letter-spacing:0;font-weight:500}input,textarea,button{font:inherit}input,textarea{padding:var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-transform:none;letter-spacing:0;width:100%;font-weight:600}textarea{resize:vertical;min-height:7rem}input:focus,textarea:focus{box-shadow:var(--shadow-small);background:#fffbe0;outline:none}:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}button{min-height:var(--tap-size);padding:0 var(--space-4);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-small);cursor:pointer;text-transform:uppercase;letter-spacing:.02em;font-weight:900;transition:transform 80ms,box-shadow 80ms}button:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}button:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translate(3px,3px)}button.primary{background:var(--color-accent);color:var(--color-accent-contrast)}button.danger{color:var(--color-danger);background:#ffd6d6}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:0;padding:var(--space-1) var(--space-3);background:var(--tint);font-size:.85rem}.chips .chip:nth-child(6n+1){--tint:var(--tint-0)}.chips .chip:nth-child(6n+2){--tint:var(--tint-1)}.chips .chip:nth-child(6n+3){--tint:var(--tint-2)}.chips .chip:nth-child(6n+4){--tint:var(--tint-3)}.chips .chip:nth-child(6n+5){--tint:var(--tint-4)}.chips .chip:nth-child(6n){--tint:var(--tint-5)}.code{vertical-align:middle;gap:.25em;font:900 2.2rem/1 ui-monospace,Menlo,monospace;display:inline-flex}.code span{border:var(--border-width) solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-small);background:var(--tint);padding:.1em .22em;display:inline-block}.badge{padding:0 var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--tint-0);color:var(--color-ink);text-transform:uppercase;font-size:.8rem;font-weight:900;display:inline-block}.badge[data-status=tasting]{background:var(--tint-1)}.badge[data-status=revealed]{background:var(--tint-3)}.tasting-number{font-size:2.75rem;font-weight:900;line-height:1;display:inline-block}.list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.list li{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.result{gap:var(--space-3);grid-template-columns:3rem 1fr auto;align-items:center;display:grid}.rank{text-align:center;font-size:1.8rem;font-weight:900}.rank>span{display:inline-block}.avg{padding:0 var(--space-2);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-small);font-size:1.6rem;font-weight:900}.bar{border:var(--border-width) solid var(--color-line);background:var(--color-surface);height:.9rem;margin-top:var(--space-1);overflow:hidden}.bar>span{background:var(--color-ink);height:100%;display:block}.breakdown{gap:var(--space-2) var(--space-4);flex-wrap:wrap;grid-column:1/-1;font-size:.9rem;display:flex}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti span{font-size:1.6rem;position:absolute;top:0;left:50%}.tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tabs button[aria-selected=true]{background:var(--color-ink);color:#fff}.rank-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.rank-row{gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-line);border-radius:var(--radius);background:var(--tint);box-shadow:var(--shadow-small);grid-template-columns:2rem 1fr auto;align-items:center;display:grid;position:relative}.rank-position{text-align:center;font-size:1.2rem;font-weight:900}.rank-number{font-size:1.8rem;font-weight:900}.rank-row button{min-width:var(--tap-size);padding:0}.drag-handle{min-width:var(--tap-size);min-height:var(--tap-size);cursor:grab;touch-action:none;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.rank-end{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:900}