@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f4f4f5;--paper:#fff;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--tomato:#c9473b;--tomato-ink:#fff;--tomato-soft:#f8e7e5;--mustard:#e9b949;--mustard-ink:#18181b;--mustard-soft:#fbf3df;--basil:#2e7d55;--basil-soft:#e3f1e9;--plum:#8e4a63;--plum-soft:#f5e1e7;--shadow:0 1px 0 #18181b0d, 0 6px 18px -12px #18181b4d;--radius:16px;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111113;--paper:#1c1c1f;--ink:#f4f4f5;--muted:#a1a1aa;--line:#2e2e33;--tomato:#ec6a5c;--tomato-ink:#18181b;--tomato-soft:#3a2224;--mustard:#e9c06a;--mustard-ink:#18181b;--mustard-soft:#332c1d;--basil:#5bc18a;--basil-soft:#1b3326;--plum:#e07a9a;--plum-soft:#35212a;--shadow:0 1px 0 #0000004d, 0 8px 20px -12px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}h2{font-size:1.35rem}.logo{font-size:2.1rem;font-weight:800;line-height:1}.logo span{color:var(--tomato);margin-left:-1px;font-style:italic}.center .logo{font-size:3.2rem}.gingham,.center:before{content:"";background-color:var(--paper);background-image:linear-gradient(90deg,#c9473b47 50%,#0000 50%),linear-gradient(#c9473b47 50%,#0000 50%);background-size:14px 14px;display:block}.gingham{margin:calc(-1 * (env(safe-area-inset-top) + 12px)) -16px 16px;height:calc(env(safe-area-inset-top) + 14px)}.center:before{height:calc(env(safe-area-inset-top) + 28px);position:fixed;top:0;left:0;right:0}.page{max-width:560px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 110px);margin:0 auto}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:420px;min-height:100dvh;margin:0 auto;padding:48px 20px 24px;display:flex}.center h1:not(.logo){font-size:2rem}.center-text{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--tomato);font-weight:600}.ok{color:var(--basil);font-weight:600}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.72rem;font-weight:700;display:block}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.stack{flex-direction:column;gap:12px;width:100%;display:flex}.row{align-items:center;gap:8px;width:100%;display:flex}.grow{flex:1}input{font:inherit;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;width:100%;min-width:0;padding:13px 14px}input:focus{border-color:var(--tomato);outline:none}.btn{font:inherit;font-family:var(--display);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform 80ms}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn.primary{background:var(--tomato);border-color:var(--tomato);color:var(--tomato-ink);box-shadow:0 6px 16px -8px var(--tomato)}.btn.mustard{background:var(--mustard);border-color:var(--mustard);color:var(--mustard-ink)}.btn.ghost{background:0 0}.btn.big{width:100%;padding:17px 24px;font-size:1.1rem}.btn.small{white-space:nowrap;padding:6px 12px;font-size:.85rem}.btn.tiny{align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:.75rem}.btn.link{color:var(--tomato);text-underline-offset:3px;box-shadow:none;background:0 0;border:none;font-weight:600;text-decoration:underline}.btn.danger,nav .danger{color:var(--tomato)}.btn.file{display:block}.board{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.board-cell{background:var(--paper);box-shadow:var(--shadow);border-top:4px solid;border-radius:14px;padding:10px 12px}.board-cell strong{font-family:var(--display);font-size:1.9rem;font-weight:800;line-height:1;display:block}.board-cell span{color:var(--muted);font-size:.78rem;font-weight:600}.board-cell.free{border-color:var(--basil)}.board-cell.free strong{color:var(--basil)}.board-cell.taken{border-color:var(--mustard)}.board-cell.used{border-color:var(--muted)}.notice{width:100%;font:inherit;text-align:left;border:1.5px dashed var(--mustard);background:var(--mustard-soft);color:var(--ink);border-radius:var(--radius);margin-bottom:12px;padding:12px 14px;display:block}.mine{background:var(--ink);color:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 10px 24px -14px #00000080}.mine .eyebrow{color:inherit;opacity:.8}.mine strong{font-family:var(--display);font-size:1.1rem}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticket{--notch:9px;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;outline-offset:-2.5px;outline:2.5px solid #0000;align-items:center;min-height:74px;transition:transform .12s,outline-color .12s;display:flex;position:relative}.ticket.tappable{cursor:pointer}.ticket.tappable:active{transform:scale(.985)}.ticket.selected{outline-color:var(--tomato);transform:translateY(-1px)}.ticket.own{background:linear-gradient(90deg, var(--tomato-soft), var(--paper) 55%);margin-bottom:8px}.stub{border-right:2px dashed var(--line);align-self:stretch;place-items:center;padding:0 14px;display:grid;position:relative}.stub:before,.stub:after{content:"";right:calc(-1 * var(--notch) - 1px);width:calc(var(--notch) * 2);height:calc(var(--notch) * 2);background:var(--bg);border-radius:50%;position:absolute}.stub:before{top:calc(-1 * var(--notch))}.stub:after{bottom:calc(-1 * var(--notch))}.ticket-body{flex-direction:column;flex:1;min-width:0;padding:12px 8px 12px 16px;display:flex}.name{font-family:var(--display);font-size:1.12rem;font-weight:700}.meta{color:var(--muted);margin-top:2px;font-size:.85rem}.tag{text-transform:uppercase;letter-spacing:.06em;background:var(--tomato);color:var(--tomato-ink);vertical-align:2px;border-radius:6px;margin-left:8px;padding:2px 6px;font-family:system-ui,sans-serif;font-size:.68rem;font-weight:700}.ticket.state-usato .name,.ticket.state-off .name,.ticket.state-noqr .name{color:var(--muted)}.ticket.state-usato .avatar,.ticket.state-off .avatar,.ticket.state-noqr .avatar{filter:grayscale();opacity:.55}.stamp{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:8px;flex:none;margin-right:14px;padding:5px 9px;font-size:.75rem;font-weight:800}.s-disponibile{background:var(--basil-soft);color:var(--basil)}.s-preso{background:var(--mustard);color:var(--mustard-ink)}.s-usato{border:2px solid var(--muted);color:var(--muted);background:0 0;transform:rotate(-8deg)}.s-off{border:2px solid var(--plum);color:var(--plum);transform:rotate(-5deg)}.s-noqr{color:var(--muted);border:1.5px dashed var(--line);background:0 0}.avatar{color:#fff;width:42px;height:42px;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:grid}.avatar.checked{background:var(--tomato);color:var(--tomato-ink);font-size:1.3rem}.bottom-bar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--ink);border-radius:999px;gap:8px;max-width:536px;margin:0 auto;padding:8px;display:flex;position:fixed;box-shadow:0 16px 32px -12px #00000080}.bottom-bar .btn.ghost{color:var(--bg);border-color:#0000;width:48px;padding:12px 0}.menu{position:relative}.menu summary{cursor:pointer;border-radius:50%;place-items:center;padding:4px;font-size:1.4rem;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu nav{z-index:10;background:var(--paper);border-radius:14px;flex-direction:column;min-width:220px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px -8px #00000059}.menu nav button{font:inherit;text-align:left;border:none;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;padding:13px 16px}.menu nav button:last-child{border-bottom:none}.menu-who{font-family:var(--display);border-bottom:1px solid var(--line);background:var(--tomato-soft);padding:12px 16px 10px;font-weight:800}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-card{justify-content:space-between}.admin-card .actions{flex:none;align-items:center;gap:4px;display:flex}.invite-box{background:var(--mustard-soft);border:1.5px dashed var(--mustard);border-radius:var(--radius);flex-direction:column;gap:10px;margin:12px 0;padding:14px 16px;display:flex}.invite-box p{margin:0}.invite-box code{word-break:break-all;font-size:.8rem}form.row{margin-bottom:14px}.qr svg{width:100%;height:auto;display:block}.qr{box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:4px}.qr-mid{width:min(70vw,280px);margin:0 auto}.qr-gate{width:240px}.qr-big{width:min(88vw,58dvh);box-shadow:none;margin:0 auto}.viewer{color:#18181b;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 16px);background:#fff;flex-direction:column;gap:12px;display:flex;position:fixed;inset:0}.viewer .btn{color:#18181b;background:#fff;border-color:#e4e4e7}.viewer .btn.primary{color:#fff;box-shadow:none;background:#2f7d4f;border-color:#2f7d4f}.viewer .muted{color:#71717a}.viewer-head{justify-content:space-between;align-items:center;display:flex}.viewer-name{font-family:var(--display);text-align:center;letter-spacing:-.02em;font-size:2.2rem;font-weight:800}.viewer-nav{gap:8px;margin-top:auto;display:flex}.day{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:20px 0 8px;font-size:.8rem}.plain{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;margin:0;padding:10px 14px 10px 30px;display:flex}.dev{border-top:1.5px dashed var(--line);flex-direction:column;gap:8px;width:100%;margin-top:24px;padding-top:16px;display:flex}.qr-photo img{border-radius:10px;width:100%;height:auto;display:block}.qr-toggle{align-self:center}.qr-compare{text-align:center;grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr-compare figure{margin:0}.qr-compare img{background:#fff;border-radius:10px;width:100%;display:block}.qr-compare figcaption{color:var(--muted);margin-top:6px;font-size:.8rem}.code-input{text-align:center;font-family:var(--display);letter-spacing:.12em;font-size:1.5rem;font-weight:700}.pair-code{font-family:var(--display);letter-spacing:.1em;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-user-select:all;user-select:all;padding:18px 12px;font-size:2.6rem;font-weight:800}.top .btn{white-space:nowrap;flex:none}.top h2{text-align:right}.passkeys{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 16px;display:flex}.passkeys.warn{border:1.5px dashed var(--tomato)}.passkeys p{margin:0}.passkeys-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plain-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.plain-list .btn.tiny{margin-top:0}
