:root{color:#171813;background:#e8e5da;font-family:Nimbus Mono PS,Courier New,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.app-shell button{font:inherit}.app-shell{--ink: #171813;--paper: #e8e5da;--panel: #f4f1e7;--accent: #0b5fff;--accent-ink: #ffffff;--line: #171813;position:relative;min-height:100vh;overflow:hidden;padding:clamp(20px,4vw,56px);color:var(--ink);background:var(--paper)}.app-shell.perflo{--ink: #f4f1e7;--paper: #12130f;--panel: #1c1e18;--accent: #f4d35e;--accent-ink: #12130f;--line: #f4d35e}.grid-noise{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 65%);mask-image:linear-gradient(to bottom,black,transparent 65%)}.masthead,.control-strip,.content-grid,.app-shell footer{position:relative;width:min(1180px,100%);margin-inline:auto}.masthead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;align-items:end;padding:28px 0 40px;border-top:8px solid var(--line);border-bottom:1px solid var(--line)}.brand-lockup{display:flex;gap:20px;align-items:center}.brand-mark,.brand-letter{width:76px;height:76px;flex:0 0 auto;border:1px solid var(--line)}.brand-mark{border-radius:11px}.brand-letter{display:grid;place-items:center;color:var(--accent-ink);background:var(--accent);font:700 46px/1 Georgia,serif}.eyebrow,.section-index{margin:0 0 8px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.16em}.app-shell h1,.app-shell h2,.app-shell p{margin-top:0}.app-shell h1{margin-bottom:0;font:700 clamp(3.4rem,9vw,7.8rem)/.78 Georgia,"Times New Roman",serif;letter-spacing:-.075em}.app-shell h2{margin-bottom:0;font:700 clamp(1.25rem,2.4vw,1.8rem)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.lede{max-width:44ch;margin-bottom:0;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.6}.control-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.status-badge{margin-right:auto;padding:9px 12px;border:1px solid var(--line);font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.status-badge.pass{color:#0c2918;background:#9be7b3}.status-badge.waiting{color:#372b00;background:#f9dc78}.button{min-height:44px;padding:11px 17px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.button:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--line)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:var(--accent-ink);background:var(--accent)}.button.danger{color:#fff;border-color:#a82727;background:#a82727}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:18px;padding:18px 0 56px}.panel{min-width:0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:7px 7px color-mix(in srgb,var(--line) 30%,transparent)}.receipt{grid-row:span 2}.panel-heading{display:flex;min-height:72px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between}.app-shell dl{margin:0}.app-shell dl>div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,.65fr);gap:18px;padding:15px 0;border-bottom:1px dotted color-mix(in srgb,var(--line) 55%,transparent)}.app-shell dt{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.app-shell dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:700;white-space:pre-wrap}.procedure ol{display:grid;gap:12px;margin:0;padding-left:24px;line-height:1.45}.callout{margin:24px 0 0;padding:14px;color:var(--accent-ink);background:var(--accent);font-size:.82rem;font-weight:700;line-height:1.45}.constraint-note{margin:0;padding:12px;border:1px dotted var(--line);font-size:.8rem;line-height:1.45}.stacked-actions{display:grid;gap:10px}.error-banner{position:relative;width:min(1180px,100%);margin:0 auto;padding:14px 18px;color:#fff;background:#a82727;overflow-wrap:anywhere}.empty-log{margin:0;color:color-mix(in srgb,var(--ink) 68%,transparent);line-height:1.5}.action-log{display:grid;gap:10px;margin:0;padding:0;list-style:none}.action-log li{display:flex;gap:12px;justify-content:space-between;padding-bottom:9px;border-bottom:1px dotted var(--line)}.action-log strong{color:#a82727;font-size:.76rem}.action-log strong.pass{color:#23844a}.setup-error{position:relative;width:min(760px,100%);margin:32px auto 72px}.setup-error li,.setup-error p{line-height:1.55}.app-shell footer{display:flex;gap:20px;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:760px){.app-shell{padding:18px}.masthead,.content-grid{grid-template-columns:1fr}.masthead{align-items:start}.receipt{grid-row:auto}.app-shell dl>div{grid-template-columns:1fr;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
