:root{--ink:#17202a;--muted:#697582;--paper:#f6f7fb;--panel:#fff;--line:#dfe4ea;--accent:#2554d9;--accent-soft:#e9efff;--success:#18794e;--shadow:0 18px 50px rgba(23,32,42,.07)}[data-theme=dark]{--ink:#edf1f7;--muted:#9da8b7;--paper:#11151c;--panel:#1a202a;--line:#303946;--accent:#8da9ff;--accent-soft:#26355e;--success:#63d39f;--shadow:0 18px 50px rgba(0,0,0,.22)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}.site-header{background:var(--paper);border-color:var(--line)!important}.navbar{min-height:72px}.brand{font-weight:800;letter-spacing:-.05em;color:var(--ink);font-size:1.2rem;text-decoration:none}.brand-mark{color:var(--accent);font-size:1.4rem}.brand-muted{color:var(--muted);font-weight:500}.icon-button,.lang-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;height:34px;min-width:34px}.lang-button{font-size:.72rem;font-weight:800}.hero{max-width:680px}.eyebrow{color:var(--accent);font-size:.68rem;letter-spacing:.14em;font-weight:800;margin-bottom:.75rem}.hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:.98;letter-spacing:-.075em;margin-bottom:1.25rem;max-width:650px}.hero-copy{font-size:1.1rem;color:var(--muted);max-width:540px;line-height:1.6}.privacy-chip{display:inline-flex;gap:.55rem;align-items:center;margin-top:1.2rem;color:var(--success);font-size:.78rem;font-weight:700}.panel,.info-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.generator-panel,.saved-panel{padding:clamp(1.25rem,3vw,2rem)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.6rem}.panel h2,.faq h2{font-size:1.55rem;letter-spacing:-.04em;margin:0}.status-dot{font-size:.63rem;color:var(--success);border:1px solid color-mix(in srgb,var(--success),transparent 65%);padding:.3rem .5rem;border-radius:20px;font-weight:800;letter-spacing:.1em}.form-label{font-size:.8rem;font-weight:700}.optional,.form-text{color:var(--muted)}.form-control,.form-select{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:8px}.form-control:focus,.form-select:focus{background:var(--paper);color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--accent),transparent 80%)}.secret-input{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-quiet{background:transparent;border:0;color:var(--muted)}.form-status{min-height:1.3rem;margin:1rem 0 0;color:#b43a35;font-size:.82rem}.code-card{background:var(--accent-soft);border-radius:12px;padding:1.25rem}.code-meta,.code-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:var(--muted);font-size:.78rem}.live-label{color:var(--success);font-weight:800;font-size:.62rem;letter-spacing:.1em}.code-value{font:700 clamp(2.7rem,9vw,4.5rem)/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-align:center;padding:1.3rem 0;color:var(--ink)}.progress{height:4px;background:color-mix(in srgb,var(--ink),transparent 88%);margin-bottom:1rem}.progress-bar{background:var(--accent);transition:width .2s linear}.code-actions{justify-content:flex-start}.btn-light{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.text-button{border:0;background:none;padding:0;color:var(--accent);font-size:.78rem;font-weight:700}.saved-list{min-height:120px}.empty-state{color:var(--muted);font-size:.9rem;padding:1.25rem 0}.saved-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.8rem 0;gap:1rem}.saved-item button:first-child{text-align:left;flex:1;border:0;background:none;color:var(--ink);padding:0}.saved-item small{display:block;color:var(--muted)}.delete-item{border:0;background:none;color:var(--muted)}.privacy-note{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1.25rem;font-size:.8rem}.privacy-note p{color:var(--muted);line-height:1.5;margin:.5rem 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-card{padding:1.4rem}.info-number{font:700 .75rem ui-monospace;color:var(--accent)}.info-card h3{font-size:1.05rem;margin:1.4rem 0 .5rem}.info-card p,.faq details p{color:var(--muted);font-size:.88rem;line-height:1.6}.faq{max-width:760px}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:.8rem 0 0}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0;margin-top:5rem;color:var(--muted);font-size:.75rem}.qr-canvas{min-height:220px;display:grid;place-items:center}.qr-canvas img{margin:auto}.reader{min-height:240px}@media(max-width:767px){.info-grid{grid-template-columns:1fr}.hero h1{font-size:3.3rem}.code-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}