:root{--page:#f4f6f8;--surface:#ffffff;--ink:#0f1720;--muted:#5b6672;--line:#dde2e8;--accent:#2b54e6;--accent-ink:#ffffff;--ok:#13795b;--ok-bg:#e3f4ec;--chip:#eef1f5;--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body:"Figtree", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#0d1116;--surface:#161b22;--ink:#eef2f6;--muted:#9aa5b1;--line:#262d36;--accent:#6f8dff;--accent-ink:#0d1116;--ok:#4fd1a1;--ok-bg:#12302a;--chip:#1d242d;color-scheme:dark}}:root[data-theme=dark]{--page:#0d1116;--surface:#161b22;--ink:#eef2f6;--muted:#9aa5b1;--line:#262d36;--accent:#6f8dff;--accent-ink:#0d1116;--ok:#4fd1a1;--ok-bg:#12302a;--chip:#1d242d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.55 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 48px}.wrap{max-width:1080px;margin:0 auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:20px}.brand{font:700 20px var(--display);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.brand i{width:22px;height:22px;border-radius:6px;background:conic-gradient(from 90deg,var(--ink) 25%,transparent 0 50%,var(--ink) 0 75%,transparent 0) 0 0/11px 11px;outline:2px solid var(--ink);outline-offset:2px}select,input,button{font:inherit;color:inherit}.lang{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;min-height:44px}h1{font:700 clamp(32px,5.4vw,56px)/1.04 var(--display);letter-spacing:-.025em;margin:28px 0 10px;text-wrap:balance;max-width:16ch}.lead{color:var(--muted);font-size:18px;max-width:58ch;margin:0 0 28px}.gen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:18px;min-width:0}label.t,.t{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field{display:grid;gap:8px;min-width:0}.url{border:1px solid var(--line);background:var(--page);border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:15px;min-height:48px;width:100%}.url:focus-visible,.lang:focus-visible,button:focus-visible,.opt:focus-within{outline:3px solid var(--accent);outline-offset:2px}.err{color:#b4232f;font-size:14px;margin:0}:root[data-theme=dark] .err{color:#ff8a93}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .err{color:#ff8a93}}.row{display:flex;flex-wrap:wrap;gap:8px}.opt{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;min-height:44px;cursor:pointer;background:var(--surface)}.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}.opt:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opt svg{width:22px;height:22px;fill:var(--ink)}.colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:6px 10px;min-height:48px}.color input{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer}.color code{font:14px var(--mono);color:var(--muted)}.upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:12px 18px;min-height:48px;font-weight:600;cursor:pointer}.btn.main{background:var(--accent);color:var(--accent-ink)}.btn.soft{background:var(--chip);color:var(--ink)}.file{position:relative;overflow:hidden}.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.small{font-size:13px;color:var(--muted);margin:0}.preview{position:sticky;top:16px;display:grid;gap:14px}.stage{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;justify-items:center;gap:14px}.qr{width:100%;max-width:300px;aspect-ratio:1;display:grid;place-items:center}.qr canvas,.qr svg{width:100%!important;height:auto!important;border-radius:6px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;background:var(--ok-bg);color:var(--ok)}.static{font-size:14px;color:var(--muted);text-align:center;margin:0;max-width:34ch}.dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.note{font-size:13px;color:var(--muted);text-align:center;min-height:1.2em;margin:0}section.promise{margin-top:56px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}.promise h2{font:700 clamp(26px,3.6vw,38px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}.promise p{color:var(--muted);margin:0;max-width:52ch}.compare{display:grid;gap:10px}.cmp{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface)}.cmp b{font-weight:600}.cmp span{color:var(--muted);text-align:right}.cmp.us{border-color:var(--accent)}.cmp.us span{color:var(--ok);font-weight:600}section.plans{margin-top:56px}.plans h2{font:700 28px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:12px;align-content:start}.plan.pro{border-color:var(--accent)}.price{font:700 34px var(--display);letter-spacing:-.02em}.price small{font:500 15px var(--body);color:var(--muted)}.plan ul{margin:0;padding-left:20px;display:grid;gap:6px}.soon{justify-self:start;font-size:13px;font-weight:600;border-radius:999px;padding:4px 10px;background:var(--chip);color:var(--muted)}.art{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.art div{aspect-ratio:1;border-radius:10px;display:grid;place-items:end start;padding:6px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.art div:nth-child(1){background:linear-gradient(160deg,#7aa6c9,#d9a066 70%,#8c5a3c)}.art div:nth-child(2){background:linear-gradient(160deg,#3b2a20,#a8714a 60%,#e8cfa8)}.art div:nth-child(3){background:linear-gradient(160deg,#e9a8b8,#c9467a 55%,#3f7d4f)}footer{margin-top:56px;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px}footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}footer a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}footer small{font-size:12px}@media(max-width:899px){.gen{display:flex;flex-direction:column}.gen .panel{display:contents}.gen .field{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;width:100%}.gen .link-field{order:0}.gen .preview{position:static;order:1;width:100%}.gen .field:not(.link-field){order:2}.gen .field .field{border:0;padding:0}section.promise,.grid2{grid-template-columns:1fr}.pro .price small{display:block}}@media(max-width:420px){.colors,.dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.btn:disabled{opacity:.48;cursor:not-allowed}.pill.pending{opacity:.6}.qr canvas,.qr svg{display:block}input[type=color]:focus-visible,.file:focus-within{outline:3px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}header a{color:var(--ink);text-decoration:none}.headnav{display:flex;align-items:center;gap:14px}.headnav a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}a:focus-visible,summary:focus-visible,.file:focus-within{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.grid2{align-items:stretch}.plan{min-height:265px}.plan.pro .btn{justify-self:start;align-self:end;text-decoration:none;display:inline-flex;align-items:center}.art-strip{margin-top:16px;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface)}.art-strip .art{width:min(270px,45%);flex:none}.art-strip .art div{aspect-ratio:1.7}.account-page{max-width:850px;margin:0 auto}.account-page h1{max-width:none}.account-form{max-width:520px}.account-form p{min-height:1.5em;margin:0}.account-page form label{font-weight:600}.account-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.account-meta strong{margin-right:auto}.create-panel h2,.qr-card h2{font:700 24px var(--display);margin:0}.create-panel form{display:grid;gap:10px}.create-panel .btn{justify-self:start}.qr-list{display:grid;gap:20px;margin-top:24px}.qr-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:18px}.qr-card-head,.shortlink{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.shortlink a{overflow-wrap:anywhere;color:var(--accent)}.qr-edit{display:grid;grid-template-columns:1fr auto;gap:10px}.qr-edit label{grid-column:1/-1}.qr-card p[role=status]{margin:0;min-height:1em;color:var(--ok)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{display:grid;padding:14px;background:var(--chip);border-radius:10px}.stats strong{font:700 24px var(--display);font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:14px}.scan-chart{display:grid;gap:8px;color:var(--muted);font-size:14px}.bars{height:90px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--line)}.bars div{flex:1;background:var(--accent);min-width:2px;border-radius:3px 3px 0 0}.breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px}.breakdown h3{margin:0 0 4px;font-size:15px}.breakdown p{margin:2px 0;color:var(--muted)}.qr-card details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.qr-card details li{overflow-wrap:anywhere}.card-cta{justify-self:start;display:inline-flex;align-items:center;text-decoration:none}.delete-zone{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.delete-confirm{margin-top:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;gap:16px}.delete-confirm h2{font-size:20px;margin:0}.delete-confirm label{display:flex;gap:10px;align-items:center}.delete-confirm input{width:20px;height:20px}.delete-confirm div{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:600px){.headnav{gap:8px}.headnav a{font-size:14px}.art-strip{align-items:stretch;flex-direction:column}.art-strip .art{width:100%}.qr-edit,.breakdown{grid-template-columns:1fr}.account-meta{align-items:start;flex-direction:column}.stats strong{font-size:20px}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/bricolage-grotesque-latin-ext-500-normal-DIhLz7G7.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-500-normal-B0ZDNVGf.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2) format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2) format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-ext-500-normal-Du0rIuHj.woff2) format("woff2"),url(/assets/figtree-latin-ext-500-normal-BOEJvrb_.woff) format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2) format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-ext-500-normal-Cut-4mMH.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-ext-500-normal-ckzbgY84.woff) format("woff")}
