:root{--qf-bg-deep: #070812;--qf-bg-panel: #0f1222;--qf-bg-glass: rgba(20, 24, 45, .72);--qf-ink-primary: #f7f3ff;--qf-ink-muted: #a9adc4;--qf-tech-cyan: #71e7f2;--qf-tech-mint: #7ef0c5;--qf-violet: #a98bff;--qf-magenta: #f08edb;--qf-gold: #ffd88a;--qf-star-white: #fff9e8;--qf-danger-soft: #ff8fa3;--qf-success: #8bf2b5;--qf-border: rgba(199, 205, 255, .18);--qf-shadow-glow: 0 0 32px rgba(169, 139, 255, .22);--qf-gutter: 20px;--qf-max-content: 680px;--qf-radius: 16px}@media(max-width:360px){:root{--qf-gutter: 16px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--qf-bg-deep);color:var(--qf-ink-primary);font-family:Inter,Aptos,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}p,h1,h2,h3{margin:0}button,a,input,select,textarea{min-height:44px}:focus-visible{outline:2px solid var(--qf-tech-cyan);outline-offset:2px}.app-shell{min-height:100dvh;padding-top:calc(env(safe-area-inset-top) + 24px);padding-right:calc(env(safe-area-inset-right) + var(--qf-gutter));padding-bottom:calc(env(safe-area-inset-bottom) + 24px);padding-left:calc(env(safe-area-inset-left) + var(--qf-gutter))}.layout-shell{width:100%;max-width:var(--qf-max-content);margin:0 auto;display:grid;gap:16px}.status-card{background:var(--qf-bg-glass);border:1px solid var(--qf-border);border-radius:var(--qf-radius);padding:20px;display:grid;gap:12px;box-shadow:var(--qf-shadow-glow)}.status-card h1{font-size:clamp(1.4rem,4vw,1.8rem)}.status-card p{color:var(--qf-ink-muted)}.meta{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;color:var(--qf-tech-cyan);font-size:.86rem}.scene-host{display:grid;gap:16px}.constellation-placeholder{border:1px dashed var(--qf-violet);border-radius:12px;padding:20px;color:var(--qf-star-white)}.qf-button{min-height:44px;border:1px solid var(--qf-border);border-radius:12px;padding:10px 14px;background:linear-gradient(160deg,#71e7f233,#7ef0c51f);color:var(--qf-ink-primary);font-size:.95rem;cursor:pointer;text-align:left}.qf-button--ghost{background:#a98bff14}.qf-button--danger{border-color:#ff8fa38c;background:#ff8fa324}.access-panel{gap:12px;padding:18px}.access-panel--boot{min-height:308px}.access-boot-list{display:grid;gap:8px}.access-line{white-space:pre-line}.access-body-copy{display:grid;gap:12px}.access-paragraph{color:var(--qf-ink-muted);line-height:1.6}.access-alias{color:var(--qf-star-white);border-left:2px solid rgba(169,139,255,.52);padding-left:10px;letter-spacing:.02em}.access-kv-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline}.access-kv-label{letter-spacing:.05em}.access-kv-value{color:var(--qf-star-white);min-height:1.5em}.access-diagnostic{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.access-diagnostic--boot{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:baseline}.access-diagnostic-label,.access-diagnostic-value,.access-diagnostic-leader-text{opacity:0}.access-diagnostic-leader{overflow:hidden;min-width:0}.access-diagnostic-leader-text{display:block;white-space:nowrap;letter-spacing:.06em;transform:scaleX(.04);transform-origin:left center}.access-diagnostic--boot.is-label-visible .access-diagnostic-label{opacity:1}.access-diagnostic--boot.is-leader-visible .access-diagnostic-leader-text{opacity:1;transform:scaleX(1)}.access-diagnostic--boot.is-value-visible .access-diagnostic-value{opacity:1}.access-checking-line{opacity:0}.access-checking-line.is-visible{opacity:1}.access-diagnostic--accepted{color:var(--qf-tech-mint)}.access-diagnostic--rejected{color:var(--qf-danger-soft)}.access-diagnostic-value{color:var(--qf-tech-mint)}.access-form{display:grid;gap:12px;margin-top:4px}.access-label{font-size:.88rem;color:var(--qf-tech-mint)}.access-input{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--qf-border);background:#070812b3;color:var(--qf-ink-primary);padding:10px 12px}.access-inline-status{min-height:1.2em}.access-verification-region{min-height:196px;display:grid;gap:10px;margin-top:6px}.access-verification-diagnostics{min-height:90px;display:grid;align-content:start;gap:6px}.access-panel--verifying .access-form{opacity:.92}.access-panel--glitch .access-progress-fill{filter:saturate(.7) brightness(.92)}.access-error{color:var(--qf-danger-soft);font-weight:700;letter-spacing:.06em}.access-error--inline{min-height:1.2em;opacity:0}.access-error--inline.is-visible{opacity:1}.choice-list{display:grid;gap:12px}.inspect-block{overflow-x:auto;max-width:100%;padding:12px;border-radius:12px;border:1px solid var(--qf-border);background:#070812a3;color:var(--qf-tech-mint);font-size:.82rem}.test-panel-launcher{position:fixed;z-index:14;right:16px;bottom:calc(env(safe-area-inset-bottom) + 14px);min-height:44px;border-radius:999px;border:1px solid rgba(255,216,138,.45);background:#12162aeb;color:var(--qf-gold);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;padding:8px 14px}.test-panel-backdrop{position:fixed;inset:0;background:#00000059;z-index:12}.test-panel{gap:14px}.test-panel--drawer{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:13;border-radius:18px 18px 0 0;max-height:78dvh;overflow:auto;box-shadow:0 -10px 30px #00000061}.test-panel__heading-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.test-panel__summary{display:grid;gap:4px}.test-panel__section{display:grid;gap:10px}.test-panel__section-heading{font-size:.9rem;color:var(--qf-tech-mint);letter-spacing:.06em}.choice-list--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.test-panel__danger-zone .qf-button{border-color:#ff8fa373;background:#ff8fa31a}.test-panel__debug{display:grid;gap:10px}.test-panel__debug>summary{cursor:pointer;color:var(--qf-star-white)}.test-banner{position:sticky;top:0;z-index:4;background:#12162af0;border:1px solid rgba(255,216,138,.35);border-radius:12px;padding:10px 12px;box-shadow:0 0 14px #ffd88a24}.test-banner__title{color:var(--qf-gold);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem;letter-spacing:.05em}.test-banner__subtitle{color:var(--qf-ink-muted);font-size:.8rem}.sep18-panel{gap:10px}.sep18-subheading,.sep19-subheading,.sep20-subheading{font-size:1rem;letter-spacing:.05em;color:var(--qf-tech-mint)}.sep19-mini-heading{font-size:.96rem;letter-spacing:.05em;color:var(--qf-violet)}.sep19-panel{gap:10px}.qf-progress-wrap{display:grid;gap:8px;width:100%;overflow:hidden}.qf-progress-track{width:100%;max-width:100%;height:16px;border-radius:999px;border:1px solid var(--qf-border);background:#080c19d9;overflow:hidden}.qf-progress-fill{height:100%;width:0;min-width:0;max-width:none;background:linear-gradient(90deg,var(--qf-tech-cyan),var(--qf-tech-mint),var(--qf-violet))}.qf-progress-track--smile{height:18px}.qf-progress-fill--smile{background:linear-gradient(90deg,var(--qf-tech-mint),var(--qf-star-white))}.hold-button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hold-button--active{box-shadow:0 0 0 1px #7ef0c58c,0 0 20px #7ef0c559}.signal-cluster-wrap{border:1px solid var(--qf-border);border-radius:14px;background:radial-gradient(circle at center,#71e7f21f,#070812b3 70%);min-height:200px;display:grid;place-items:center;overflow:hidden}.signal-cluster{width:min(220px,80vw);height:auto}.signal-cluster--sep19{width:min(260px,86vw)}.signal-cluster__point{fill:var(--qf-star-white);opacity:.95}.signal-cluster__point--1{fill:var(--qf-tech-cyan)}.signal-cluster__point--2{fill:var(--qf-violet)}.signal-cluster__point--3{fill:var(--qf-gold)}.signal-cluster__point--secondary{filter:drop-shadow(0 0 6px rgba(255,216,138,.45))}.signal-cluster--active .signal-cluster__point{animation:qfPulse 2.2s ease-in-out infinite}@keyframes qfPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.signal-cluster-wrap--sep19{background:radial-gradient(circle at center,#a98bff24,#070812b3 72%)}.sep19-audio-card{border:1px solid var(--qf-border);border-radius:12px;padding:12px;display:grid;gap:10px;background:#14182d8a}.sep19-guidance-zone{position:relative;min-height:260px;border-radius:14px;border:1px solid var(--qf-border);background:radial-gradient(circle at center,#a98bff33,#070812d1 70%);overflow:hidden;touch-action:none}.sep19-guidance-core{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 24px #a98bff73}.sep19-guidance-signal{position:absolute;transform:translate(-50%,-50%);min-height:44px;min-width:120px;border-radius:999px;border:1px solid var(--qf-border);color:var(--qf-ink-primary);font-size:.82rem;letter-spacing:.04em;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sep19-guidance-signal--violet_arc{background:linear-gradient(160deg,#a98bff9e,#a98bff2e)}.sep19-guidance-signal--mint_drift{background:linear-gradient(160deg,#7ef0c59e,#7ef0c52e)}.sep19-guidance-signal--gold_pulse{background:linear-gradient(160deg,#ffd88a9e,#ffd88a2e)}.sep19-guidance-signal--dragging{cursor:grabbing;box-shadow:0 0 0 1px #f7f3ffa8,0 0 18px #f7f3ff59}.sep20-panel{gap:10px}.sep20-panel--silent{background:#05060ceb;border-color:#c7cdff38;box-shadow:0 0 28px #a98bff1f}.sep20-percent{color:var(--qf-star-white);letter-spacing:.06em}.signal-cluster-wrap--sep20{background:radial-gradient(circle at 48% 42%,#a98bff2e,#070812e6 72%);border-color:#ffd88a40}.signal-cluster-wrap--sep20-active{box-shadow:0 0 18px #f08edb38,0 0 28px #ffd88a29}.signal-cluster--sep20{width:min(280px,88vw)}.signal-cluster__path{fill:none;stroke:#71e7f29e;stroke-width:.55;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.8}.signal-cluster__lock-ring{fill:none;stroke:#ffd88abd;stroke-width:.45}.signal-cluster__lock-point{fill:#ffd88a33;stroke:#ffd88acc;stroke-width:.3}.sep20-measure-labels{display:flex;justify-content:space-between;gap:12px}.sep20-measure-slider{width:100%;max-width:100%;margin:4px 0;accent-color:var(--qf-violet);touch-action:pan-x}.sep20-hold-button{text-align:center;justify-content:center;border-color:#ffd88a66;background:linear-gradient(160deg,#ffd88a38,#f08edb24)}.scene-host--transitioning{pointer-events:none}.scene-fade-out{opacity:0;transform:translateY(-5px);transition:opacity .38s ease,transform .38s ease}.scene-fade-in{opacity:0;transform:translateY(7px);transition:opacity .38s ease,transform .38s ease}.scene-fade-in--active{opacity:1;transform:translateY(0)}@media(max-width:420px){.access-panel{padding:16px;gap:10px}.access-kv-row{gap:6px}.choice-list--two-col{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.signal-cluster--active .signal-cluster__point{animation:none}.sep19-guidance-signal,.sep20-hold-button,.scene-fade-out,.scene-fade-in,.access-diagnostic-leader-text,.access-checking-line,.access-error--inline,.access-diagnostic-label,.access-diagnostic-value{transition:none;transform:none}.access-diagnostic--boot .access-diagnostic-label,.access-diagnostic--boot .access-diagnostic-value,.access-diagnostic--boot .access-diagnostic-leader-text,.access-checking-line,.access-error--inline{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}