html,body{height:100%;margin:0}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--brand-font);font-size:var(--font-size-body)}.overlay{max-width:40rem;padding:var(--space-xl) var(--space-lg);margin:0 auto}.overlay h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}.missing li{font-weight:var(--font-weight-semibold)}.suggestion{color:var(--text-secondary)}.status{font-size:var(--font-size-h3)}.code-entry{gap:var(--space-md);flex-direction:column;display:flex}.code-entry[hidden]{display:none}.code-entry input{font-size:var(--font-size-h2);letter-spacing:.2em;padding:var(--space-sm) var(--space-md);border:1px solid var(--brand-border);border-radius:var(--radius-md)}.code-entry button{font-size:var(--font-size-body);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--brand-accent);color:var(--brand-text-on-dark);border:0}.stage{background:var(--surface-inverse);width:100%;height:100%;display:block;position:fixed;inset:0}.stage[hidden],.overlay[hidden]{display:none}.stage:not([hidden])~.overlay{color:var(--text-inverse-primary);position:relative}.mirror-toggle{top:var(--space-md);right:var(--space-md);min-height:var(--touch-target-min);padding:var(--space-xs) var(--space-md);border:var(--border-width) solid var(--border-inverse-default);border-radius:var(--radius-md);background:var(--surface-inverse-raised);color:var(--text-inverse-primary);font-family:var(--brand-font);font-size:var(--font-size-body);position:fixed}.mirror-toggle:focus-visible{outline:var(--border-width) solid var(--brand-accent-on-dark);outline-offset:var(--space-xs)}.mirror-toggle[hidden]{display:none}.page-footer{right:var(--space-md);bottom:var(--space-sm);font-size:var(--font-size-caption);white-space:nowrap;position:fixed}.version-footer{color:var(--text-secondary);text-decoration:none}.tier-badge{padding:0 var(--space-xs);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.framing-hint{top:calc(var(--space-md) + var(--touch-target-min) + var(--space-sm));width:fit-content;max-width:calc(100% - 2 * var(--space-md));box-sizing:border-box;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);background:var(--surface-inverse-raised);color:var(--text-inverse-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);text-align:center;margin:0 auto;position:fixed;left:0;right:0}.framing-hint[hidden]{display:none}