.hp-op.tf-page{background:var(--hp-white,#fff);min-height:100vh;font-family:var(--font-sans);color:var(--hp-ink,#110e10);flex-direction:column;padding:24px;display:flex}.hp-op .tf-brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.hp-op .tf-center{flex:1;justify-content:center;align-items:center;padding:32px 0;display:flex}.hp-op .tf-card{background:var(--hp-white,#fff);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px 28px;display:flex;box-shadow:0 2px 8px #00000012,0 12px 32px #0000000f}.hp-op .tf-overlay{z-index:100;background:color-mix(in srgb,var(--hp-ink,#110e10) 40%,transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hp-op .tf-heading{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.15}.hp-op .tf-line{color:var(--hp-muted,#6b6b6b);margin:0;font-size:15px;line-height:1.55}.hp-op .tf-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hp-subtle,#9b9b9b);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.hp-op .tf-input{border:1.5px solid var(--hp-border,#e7e7e3);width:100%;height:48px;font:inherit;background:var(--hp-white,#fff);color:inherit;border-radius:10px;padding:0 14px;font-size:16px}.hp-op .tf-input.code{font-family:var(--font-mono);letter-spacing:.3em;font-size:22px}.hp-op .tf-input:focus-visible{outline:3px solid color-mix(in srgb,var(--hp-red,#fc4545) 22%,transparent);border-color:var(--hp-red,#fc4545)}.hp-op .tf-btn{height:48px;font:inherit;cursor:pointer;border-radius:11px;width:100%;padding:0 18px;font-size:15px;font-weight:600}.hp-op .tf-btn:disabled{opacity:.6;cursor:default}.hp-op .tf-primary{background:var(--hp-red,#fc4545);color:var(--hp-white,#fff);border:none}.hp-op .tf-outline{background:var(--hp-white,#fff);color:var(--hp-ink,#110e10);border:1.5px solid var(--hp-border,#e7e7e3)}.hp-op .tf-ghost{color:var(--hp-muted,#6b6b6b);background:0 0;border:none;height:40px}.hp-op .tf-ghost:hover{color:var(--hp-ink,#110e10)}.hp-op .tf-error{color:var(--hp-error,#dc2626);margin:0;font-size:13.5px}.hp-op .tf-qr{background:var(--hp-white,#fff);border:1px solid var(--hp-border,#e7e7e3);border-radius:14px;align-self:center;padding:14px}.hp-op .tf-qr img{width:180px;height:180px;display:block}.hp-op .tf-secret{font-family:var(--font-mono);word-break:break-all;text-align:center;color:var(--hp-ink,#110e10);-webkit-user-select:all;user-select:all;font-size:13px}.hp-op .tf-settings{background:var(--hp-white,#fff);border-radius:16px;margin-top:32px;padding:8px 20px 20px;box-shadow:0 2px 8px #00000012}.hp-op .tf-row{border-bottom:1px solid var(--hp-border,#e7e7e3);align-items:center;gap:12px;padding:14px 0;display:flex}.hp-op .tf-row-main{flex:1;min-width:0}.hp-op .tf-row-name{font-size:15px;font-weight:600}.hp-op .tf-row-meta{color:var(--hp-muted,#6b6b6b);align-items:center;gap:10px;margin-top:3px;font-size:13px;display:flex}.hp-op .tf-status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hp-ink,#110e10);align-items:center;gap:6px;font-size:10px;font-weight:500;display:inline-flex}.hp-op .tf-status:before{content:"";background:var(--hp-success,#2da44e);border-radius:50%;width:6px;height:6px}.hp-op .tf-small{width:auto;height:36px;padding:0 14px;font-size:13.5px}.oa-screen{--oa-brand:#fc4545;--oa-ink:#110e10;--oa-ink2:#2c2c2c;--oa-muted:#6b6b6b;--oa-subtle:#9b9b9b;--oa-border:#e7e7e3;--oa-surface:#f8f8f7;--oa-panel:#f3f3f0;--oa-card:#fff;--oa-critical:#7a1f1f;--oa-critical-bg:#f7e4e4;--oa-warning:#d97706;--oa-warning-bg:#fbf1e4;--oa-sans:"Inter Tight", system-ui, sans-serif;--oa-mono:"JetBrains Mono", ui-monospace, monospace;background:var(--oa-surface);min-height:100vh;color:var(--oa-ink);font-family:var(--oa-sans)}.oa-screen .oa-wrap{max-width:1280px;margin:0 auto;padding:0 32px}.oa-screen main{padding-top:40px;padding-bottom:64px}.oa-screen h1{font-size:36px;font-weight:800}.oa-screen .oa-headline{color:var(--oa-muted);margin-top:8px;font-size:16px}.oa-screen section{margin-top:32px}.oa-screen h2{margin-bottom:12px;font-size:20px;font-weight:700}.oa-screen .hh-card{background:var(--oa-card);border:none;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000012}.oa-screen .hh-row{border-top:1px solid var(--oa-border);grid-template-columns:28px minmax(0,1fr) auto;gap:16px;padding:20px;transition:background .15s;display:grid}.oa-screen .hh-row:first-child{border-top:0}.oa-screen .hh-row:hover{background:var(--oa-panel)}.oa-screen .oa-dot{background:var(--oa-panel);width:26px;height:26px;color:var(--oa-subtle);border-radius:50%;place-items:center;display:grid}.oa-screen .oa-dot:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.oa-screen .oa-dot-critical{background:var(--oa-critical-bg);color:var(--oa-critical)}.oa-screen .oa-dot-warning{background:var(--oa-warning-bg);color:var(--oa-warning)}.oa-screen .oa-venue,.oa-screen .oa-age{font-family:var(--oa-mono);color:var(--oa-muted);font-size:11px}.oa-screen .oa-title{overflow-wrap:anywhere;margin-top:5px;font-size:16px;font-weight:600}.oa-screen .oa-age{white-space:nowrap;padding-top:5px}.oa-screen .oa-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;display:flex}.oa-screen .oa-toggle{color:var(--oa-muted);height:auto;min-height:32px;box-shadow:none;background:0 0;padding:0;font-size:12.5px}.oa-screen .oa-actions a{color:var(--oa-ink2);font-size:12.5px;text-decoration:underline}.oa-screen .oa-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:14px;line-height:1.6}.oa-screen .oa-retry{background:var(--oa-ink);color:var(--oa-card);box-shadow:none;margin-top:16px}@media(max-width:600px){.oa-screen .oa-wrap{padding-left:20px;padding-right:20px}.oa-screen .hh-row{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:16px}.oa-screen .oa-age{grid-area:2/2;padding-top:0}}@media(prefers-reduced-motion:reduce){.oa-screen .hh-row{transition:none}}