:root{--cream: #fffded;--ink: #000000;--orange: #ea6d24;--ink-08: color-mix(in srgb, var(--ink) 8%, transparent);--ink-55: color-mix(in srgb, var(--ink) 55%, transparent);--maxw: 600px;--font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:2px solid var(--ink);padding:14px 20px}.brand{font-weight:900;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.brand-dot{color:var(--orange)}.footer{border-top:2px solid var(--ink);padding:18px 20px;text-align:center;font-family:var(--mono);font-size:13px}.footer a{color:var(--ink-55);text-decoration:none}.footer a:hover{color:var(--orange)}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:40px 20px 56px}.intro,.result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.title{font-size:clamp(30px,7vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0}.title-accent{color:var(--orange)}.title-small{font-size:clamp(22px,5vw,30px)}.lede{margin:0;font-size:17px;color:var(--ink-55);max-width:46ch}.fineprint{margin:0;font-family:var(--mono);font-size:12px;color:var(--ink-55)}.url-form{width:100%;text-align:left}.url-label{display:block;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-55);margin-bottom:8px}.url-row{display:flex;gap:10px;flex-wrap:wrap}.url-input{flex:1 1 260px;min-width:0;font-family:var(--mono);font-size:16px;padding:13px 14px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:0}.url-input:focus{outline:none;box-shadow:4px 4px 0 var(--orange)}.url-input:disabled{background:var(--ink-08)}.btn{font-family:var(--font);font-size:16px;font-weight:700;padding:13px 20px;border:2px solid var(--ink);border-radius:0;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .12s ease,box-shadow .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--orange);color:var(--ink)}.btn-primary:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.btn-cta{font-size:18px;padding:16px 28px}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-55);font-weight:500;font-size:14px;text-decoration:underline;padding:8px 12px}.btn-ghost:hover{color:var(--orange)}.loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 0}.loading-dots{display:flex;gap:8px}.loading-dots span{width:12px;height:12px;background:var(--orange);border:2px solid var(--ink);animation:bounce 1s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.loading-dots span{animation:none}}.loading-tagline{margin:0;font-size:19px;font-weight:600;min-height:1.5em}.loading-bar{width:min(320px,100%);height:12px;border:2px solid var(--ink);background:#fff}.loading-bar-fill{height:100%;background:var(--orange);transition:width .3s ease}.loading-count,.loading-note{margin:0;font-family:var(--mono);font-size:12px;color:var(--ink-55)}.frame-wrap{width:100%;display:flex;justify-content:center}.frame-hidden{position:absolute;visibility:hidden;pointer-events:none}.phone{width:390px;max-width:100%;height:720px;max-height:78vh;background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--orange);overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-notch{height:22px;flex:0 0 22px;background:var(--ink)}.phone-viewport{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--cream)}.phone-viewport:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.phone-screen{width:100%;border:0;display:block}.cta{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.handle-line{margin:0;font-size:16px;color:var(--ink-55)}.handle-line code{font-family:var(--mono);font-size:15px;color:var(--ink);background:var(--ink-08);padding:2px 6px}.handle-free{color:var(--ink);font-weight:600}.panel{width:100%;border:3px solid var(--ink);background:#fff;padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:14px}.panel-error{box-shadow:8px 8px 0 var(--orange)}.panel-title{margin:0;font-size:22px;font-weight:800}.panel-body{margin:0;color:var(--ink-55);max-width:42ch}