/* extracted from friction/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
:root{--bg:#090a0d;--panel:#12151b;--line:#2a303a;--ink:#e7e2d6;--muted:#9da7b4;--gold:#e3c98c;--green:#9ad9ad;--teal:#91d4d5;--danger:#e49c9c;--mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(70rem 25rem at 50% -12rem,var(--bg) 0,var(--bg) 65%);color:var(--ink);font:16px/1.55 var(--mono)}a{color:var(--teal)}.shell{max-width:1000px;margin:auto;padding:0 var(--space-16) var(--space-64)}.bar{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) 0;border-bottom:1px solid var(--line)}.brand{color:var(--gold);font-weight:800;letter-spacing:.16em;text-decoration:none}.brand b{color:var(--green)}.bar nav{margin-left:auto;display:flex;gap:var(--space-12);flex-wrap:wrap}.bar nav a{color:var(--muted);font-size:var(--text-12)}.hero{padding:var(--space-64) 0 var(--space-24);max-width:720px}.eyebrow{margin:0 0 var(--space-8);color:var(--green);font-size:var(--text-12);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(var(--text-40),6vw,var(--text-40));line-height:1;color:var(--gold);letter-spacing:-.04em}.hero p{color:var(--muted);max-width:65ch}.notice{margin:var(--space-24) 0;padding:var(--space-12) var(--space-16);border-left:2px solid var(--teal);background:color-mix(in srgb, var(--move) 6%, transparent);color:var(--muted);font-size:var(--text-14)}.notice strong{color:var(--ink)}details{border:1px solid var(--line);border-radius:var(--radius-16);background:var(--panel)}summary{padding:var(--space-16) var(--space-16);cursor:pointer;font-weight:800;color:var(--teal)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12);padding:0 var(--space-16) var(--space-16)}.full{grid-column:1/-1}label{display:grid;gap:var(--space-4);color:var(--muted);font-size:var(--text-12);font-weight:700}input,select,textarea{width:100%;min-width:0;padding:var(--space-8) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-8);background:var(--bg);color:var(--ink);font:inherit;font-size:var(--text-14)}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px}.check{display:flex;gap:var(--space-8);align-items:flex-start}.check input{width:auto;margin-top:var(--space-4)}.actions{display:flex;gap:var(--space-8);flex-wrap:wrap}.button{padding:var(--space-8) var(--space-12);border:1px solid var(--line);border-radius:var(--radius-8);background:transparent;color:var(--ink);font:700 .82rem var(--mono);cursor:pointer}.button.primary{background:var(--green);border-color:var(--green);color: var(--bg)}.status{margin:0;color:var(--muted);font-size:var(--text-13)}.output{margin-top:var(--space-24);padding:var(--space-16);border:1px solid var(--line);border-radius:var(--radius-16);background:var(--panel)}.output h2{margin:0 0 var(--space-8);font-size:var(--text-16)}.output p{margin:0 0 var(--space-12);color:var(--muted);font-size:var(--text-13)}.output pre{margin:0;max-height:380px;overflow:auto;padding:var(--space-12);border-radius:var(--radius-8);background:var(--bg);border:1px solid var(--line);color:var(--act);font-size:var(--text-12);white-space:pre-wrap;word-break:break-word}.footer{margin-top:var(--space-40);padding-top:var(--space-16);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-12)}@media(max-width:620px){.bar{align-items:flex-start}.bar nav{margin-left:0}.form-grid{grid-template-columns:1fr}.hero{padding-top:var(--space-40)}}