html,body{cursor:none;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.stage{--ink:#f5f1e8;--paper:#000;--muted:#8a8478;--accent:#ffb547;--font:64px;--lh:1.35;--margin:8%;--guide:33%;--safe-x:5vw;--safe-y:5vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;transform-origin:50%;font-family:Helvetica Neue,Helvetica,Arial,Segoe UI,Roboto,sans-serif;position:fixed;top:50%;left:50%;overflow:hidden}.stage.theme-light{--ink:#111;--paper:#fbf8f2;--muted:#6b665d;--accent:#c46a00}.view{width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none!important}.pair{box-sizing:border-box;padding:calc(var(--safe-y) * 1.2) calc(var(--safe-x) * 1.2);flex-direction:column;justify-content:space-between;display:flex}.pair-brand{font-size:calc(var(--font) * .5);letter-spacing:.02em;font-weight:700}.pair-brand .mark{color:var(--accent)}.pair-main{flex:1;justify-content:center;align-items:center;display:flex}.qr{background:#fff;border-radius:2vmin;flex-shrink:0;width:52vmin;max-width:46%;height:52vmin;margin-right:5%;overflow:hidden}.qr svg{width:100%;height:100%;display:block}.pair-side{max-width:48%}.pair-step{font-size:calc(var(--font) * .62);margin:0 0 .4em;font-weight:600}.code{font-family:SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:calc(var(--font) * 1.5);letter-spacing:.08em;color:var(--accent);white-space:nowrap;font-weight:700}.pair-alt{font-size:calc(var(--font) * .42);color:var(--muted);margin:.6em 0 0;line-height:1.4}.pair-alt b{color:var(--ink)}.pair-foot{font-size:calc(var(--font) * .36);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.new-code{font:inherit;color:var(--ink);border:2px solid var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35em 1.1em}.new-code:focus{outline:3px solid var(--accent)}.portrait .pair-main{flex-direction:column}.portrait .qr{max-width:80%;margin-bottom:6%;margin-right:0}.portrait .pair-side{text-align:center;max-width:100%}.ready{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ready-check{font-size:calc(var(--font) * 2);color:var(--accent);line-height:1}.ready h1{font-size:calc(var(--font) * .9);margin:.3em 0 .2em}.ready p{font-size:calc(var(--font) * .5);color:var(--muted);margin:0}.viewport{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.content{box-sizing:border-box;padding-left:var(--margin);padding-right:var(--margin);will-change:transform;font-size:var(--font);line-height:var(--lh);font-weight:600;position:relative}.align-center .content{text-align:center}.content p{white-space:pre-line;margin:0 0 .8em;transition:opacity .6s}.content p.read{opacity:.35}.fade-top{pointer-events:none;background:-webkit-linear-gradient(top, var(--paper), transparent);background:linear-gradient(to bottom, var(--paper), transparent);width:100%;height:18%;position:absolute;top:0;left:0}.guide{left:0;top:var(--guide);pointer-events:none;border-top:2px solid rgba(255,181,71,.35);width:100%;height:0;position:absolute}.guide-arrow{left:var(--safe-x);color:var(--accent);font-size:calc(var(--font) * .6);line-height:1;position:absolute;top:0;transform:translateY(-55%)}.countdown{width:100%;height:100%;font-size:calc(var(--font) * 4);color:var(--accent);background:rgba(0,0,0,.55);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;top:0;left:0}.toast{left:50%;bottom:var(--safe-y);max-width:80%;font-size:calc(var(--font) * .4);color:#111;background:var(--accent);border-radius:999px;padding:.6em 1.2em;position:absolute;transform:translate(-50%)}.overlay{background:rgba(0,0,0,.78);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay-card{text-align:center;max-width:70%}.overlay-card h1{font-size:calc(var(--font) * .9);color:var(--accent);margin:0 0 .4em}.overlay-card p{font-size:calc(var(--font) * .45);color:#f5f1e8;margin:0;line-height:1.45}.badges{right:var(--safe-x);top:var(--safe-y);text-align:right;position:absolute}.badge{font-size:calc(var(--font) * .28);color:#111;background:rgba(255,181,71,.85);border-radius:999px;margin-left:.5em;padding:.3em .8em;display:inline-block}.watermark{right:var(--safe-x);bottom:var(--safe-y);font-size:calc(var(--font) * .24);color:var(--muted);opacity:.6;position:absolute}