:root{--stout:#16100a;--oak:#241a11;--oak-line:#392a1c;--board:#ccb68e;--board-shade:#b09872;--ink:#40331f;--beer:#f2a71b;--beer-deep:#d98c07;--head:#f8f0dd;--hop:#a3b356;--ash:#9c8a72;--display:"Familjen Grotesk", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:16px;--shell:68rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body.bar{background:var(--stout);min-height:100dvh;color:var(--head);font-family:var(--display);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 80% at 18% 0,#f2a71b21,#0000 62%),radial-gradient(90% 60% at 100% 100%,#a3b3560f,#0000 60%);background-attachment:fixed;margin:0;font-size:17px;line-height:1.55}.page{max-width:var(--shell);margin:0 auto;padding:1.5rem 1.25rem 3rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(2rem,6vw,4.5rem);display:flex}.wordmark{font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;color:var(--head);font-size:.8125rem;text-decoration:none}.wordmark span{color:var(--ash)}.lang{border:1px solid var(--oak-line);border-radius:999px;gap:.125rem;padding:.1875rem;display:flex}.lang-btn{font-family:var(--mono);letter-spacing:.08em;color:var(--ash);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3125rem .625rem;font-size:.6875rem}.lang-btn[aria-pressed=true]{background:var(--oak);color:var(--head)}.layout{align-items:start;gap:clamp(2.5rem,6vw,4rem);display:grid}@media (width>=62rem){.layout{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:5rem}.coaster-stage{position:sticky;top:2.5rem}}.coaster-stage{justify-content:center;display:flex}.coaster{aspect-ratio:1;text-align:center;width:min(20rem,78vw);color:var(--ink);background:var(--board);box-shadow:0 1px 0 #ffffff59 inset, 0 -3px 0 var(--board-shade) inset, 0 26px 45px -20px #000000d9, 0 3px 10px #0006;background-image:linear-gradient(158deg,#ffffff29,#0000001a);border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;padding:1.75rem 1.5rem;animation:.62s cubic-bezier(.16,1,.3,1) both settle;display:flex;position:relative;overflow:hidden;transform:rotate(-3.2deg)}.coaster:before{content:"";border-radius:inherit;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:0}.coaster:after{content:"";aspect-ratio:1;pointer-events:none;border:2px solid #40331f21;border-radius:50%;width:62%;position:absolute;bottom:-16%;right:-14%}.coaster-stamp,.coaster-count{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#40331f9e;margin:0;font-size:.625rem;position:relative}.coaster-name{letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #ffffff73;margin:0;font-size:clamp(2.25rem,9vw,3rem);font-weight:700;line-height:1;position:relative}.coaster-tally{justify-content:center;align-items:center;width:100%;min-height:3.25rem;display:flex;position:relative}.coaster-tally svg{width:100%;height:3.25rem;overflow:visible}.tally-stroke{stroke:#40331fd1;stroke-width:3.4px;stroke-linecap:round;fill:none}.tally-stroke.fresh{stroke-dasharray:60;stroke-dashoffset:60px;animation:.52s cubic-bezier(.4,0,.2,1) .22s forwards strike}.coaster-count{gap:.4em;display:flex}#tally-count{color:#40331fd9;font-weight:700}@keyframes settle{0%{opacity:0;transform:rotate(-9deg)translateY(-22px)scale(1.05)}to{opacity:1;transform:rotate(-3.2deg)translateY(0)scale(1)}}@keyframes strike{to{stroke-dashoffset:0}}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--beer);margin:0 0 .75rem;font-size:.6875rem}.headline{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(2.5rem,7vw,3.75rem);font-weight:700;line-height:1.02}.headline-name{color:var(--beer)}.lede{max-width:34ch;color:var(--ash);margin:0 0 2.5rem;font-size:1.0625rem}.field{border:0;margin:0 0 1.75rem;padding:0}.field-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-bottom:.75rem;padding:0;font-size:.6875rem}.rounds{flex-wrap:wrap;gap:.5rem;display:flex}.round{min-width:3.75rem;font-family:var(--mono);color:var(--head);background:var(--oak);border:1px solid var(--oak-line);cursor:pointer;border-radius:14px;padding:.75rem 1rem;font-size:1rem;font-weight:700;transition:border-color .14s,background .14s,color .14s}.round:hover{border-color:var(--beer-deep)}.round[aria-pressed=true]{background:var(--beer);border-color:var(--beer);color:#1c1408}.round-custom{text-align:center;width:6.75rem}.round-custom::placeholder{color:var(--ash);font-weight:400}.amount-row{align-items:baseline;gap:.75rem;margin-top:1rem;display:flex}.amount{font-family:var(--mono);letter-spacing:-.02em;font-size:1.875rem;font-weight:700}.currency{font-family:var(--mono);letter-spacing:.08em;color:var(--ash);border:1px solid var(--oak-line);cursor:pointer;background:0 0;border-radius:8px;padding:.25rem .375rem;font-size:.75rem}.currency option{background:var(--oak);color:var(--head)}.pay-card{color:#1c1408;background:var(--beer);border-radius:var(--radius);cursor:pointer;border:0;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1.125rem;font-weight:700;transition:transform .14s,background .14s;display:flex;box-shadow:0 10px 30px -12px #f2a71bbf}.pay-card:hover{background:#ffb62e;transform:translateY(-1px)}.pay-card:active{transform:translateY(0)}.pay-card[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.pay-card-note{font-family:var(--mono);letter-spacing:.06em;opacity:.7;font-size:.625rem;font-weight:400}.notice{color:var(--ash);text-align:center;margin:.75rem 0 0;font-size:.8125rem}.rule{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);align-items:center;gap:1rem;margin:2.25rem 0 1.25rem;font-size:.625rem;display:flex}.rule:before,.rule:after{content:"";background:var(--oak-line);flex:1;height:1px}.methods{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;display:grid}.method{white-space:nowrap;color:var(--head);text-align:left;background:var(--oak);border:1px solid var(--oak-line);cursor:pointer;border-radius:14px;align-items:center;gap:.625rem;padding:.75rem .875rem;font-family:inherit;font-size:.9375rem;text-decoration:none;transition:border-color .14s,background .14s;display:flex}.method:hover{border-color:var(--beer-deep)}.method[aria-expanded=true]{border-color:var(--beer);background:#2c2015}.method-mark{width:1.625rem;height:1.625rem;font-family:var(--mono);color:var(--beer);background:#3a2a1a;border-radius:8px;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.panel{background:var(--oak);border:1px solid var(--oak-line);border-radius:20px;margin-top:1rem;padding:1.25rem;animation:.2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.panel-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.panel-title{margin:0;font-size:1.0625rem;font-weight:700}.panel-amount{font-family:var(--mono);color:var(--beer);white-space:nowrap;font-size:.9375rem;font-weight:700}.panel-body{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.qr{background:var(--head);border-radius:12px;flex:none;place-items:center;width:9.5rem;height:9.5rem;padding:.625rem;display:grid}.qr svg{width:100%;height:100%;display:block}.qr-empty{font-family:var(--mono);color:var(--ink);text-align:center;font-size:.625rem}.panel-side{flex-direction:column;flex:14rem;gap:.625rem;min-width:0;display:flex}.address{border:1px solid var(--oak-line);background:#1b130c;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.address code{font-family:var(--mono);color:var(--head);overflow-wrap:anywhere;min-width:0;font-size:.75rem}.copy{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ash);border:1px solid var(--oak-line);cursor:pointer;background:0 0;border-radius:7px;flex:none;padding:.3125rem .5rem;font-size:.625rem}.copy:hover{color:var(--head);border-color:var(--beer-deep)}.copy.done{color:var(--hop);border-color:var(--hop)}.panel-action{color:#1c1408;background:var(--beer);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.panel-action.ghost{color:var(--head);border:1px solid var(--oak-line);background:0 0}.panel-action.ghost:hover{border-color:var(--beer-deep)}.panel-action[disabled]{opacity:.55;cursor:progress}.panel-note{color:var(--ash);margin:0;font-size:.75rem;line-height:1.5}.panel-note strong{color:#e8b86a;font-weight:400}.chain-switch{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.chain-btn{font-family:var(--mono);letter-spacing:.04em;color:var(--ash);border:1px solid var(--oak-line);cursor:pointer;background:0 0;border-radius:999px;padding:.3125rem .625rem;font-size:.6875rem}.chain-btn[aria-pressed=true]{color:#1c1408;background:var(--board);border-color:var(--board)}.status{color:#cfdd92;background:#a3b3561f;border:1px solid #a3b35659;border-radius:12px;margin:0 0 1.75rem;padding:.75rem 1rem;font-size:.875rem}.status[data-tone=warn]{color:#f0c579;background:#f2a71b1a;border-color:#f2a71b52}.status[data-tone=error]{color:#f0a48c;background:#e060421f;border-color:#e0604259}.recent{border-top:1px solid var(--oak-line);margin-top:clamp(3rem,8vw,5rem);padding-top:1.5rem}.recent-title{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin:0 0 .875rem;font-size:.6875rem;font-weight:400}.recent-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.recent-list li{font-family:var(--mono);color:var(--ash);background:var(--oak);border-radius:999px;padding:.375rem .6875rem;font-size:.75rem}.recent-list b{color:var(--head);font-weight:400}.footnote{border-top:1px solid var(--oak-line);color:var(--ash);max-width:46ch;margin-top:clamp(3rem,8vw,5rem);padding-top:1.5rem;font-size:.8125rem}.footnote p{margin:0}:focus-visible{outline:2px solid var(--beer);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tally-stroke.fresh{stroke-dashoffset:0}}