:root{--ivory: #fcfaf1;--ivory-100: #fefdf8;--ivory-300: #f1ecd8;--ink: #101f18;--ink-700: #1b2e25;--green: #06463d;--green-600: #0a5a4e;--green-800: #053a32;--ember: #ff6a3d;--ember-600: #f2552a;--ember-100: #ffe4da;--blue: #b7d4e4;--blue-100: #dceaf1;--line: rgba(16, 31, 24, .12);--line-strong: rgba(16, 31, 24, .2);--text: var(--ink);--text-2: rgba(16, 31, 24, .62);--text-3: rgba(16, 31, 24, .42);--page: var(--ivory);--card: var(--ivory-100);--well: var(--ivory-300);--cta: var(--green);--cta-hover: var(--green-600);--cta-fg: var(--ivory);--focus: rgba(255, 106, 61, .55);--info: #3f6f8c;--err: #b3341a;--err-bg: #ffe4da;--warn: #8a5a00;--warn-bg: #fdf0c8;--ok: var(--green);--ok-bg: #dcebe5;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--shadow: 0 8px 24px rgba(16, 31, 24, .07);--f-sans: "Onest", "Helvetica Neue", Arial, sans-serif;--f-serif: "Source Serif 4", Georgia, serif;--f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--page: #0d1814;--card: #14231c;--well: #1b2e25;--text: #f3f0e2;--text-2: rgba(243, 240, 226, .68);--text-3: rgba(243, 240, 226, .42);--line: rgba(243, 240, 226, .12);--line-strong: rgba(243, 240, 226, .22);--cta: #e9e4cf;--cta-hover: #fff;--cta-fg: #101f18;--info: #8dbbd6;--err: #ff9a7a;--err-bg: rgba(255, 106, 61, .16);--warn: #f1c65a;--warn-bg: rgba(241, 198, 90, .14);--ok: #7fd1b8;--ok-bg: rgba(127, 209, 184, .14);--shadow: 0 8px 24px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--text);font:400 15px/1.45 var(--f-sans);-webkit-text-size-adjust:100%;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}a{color:var(--info)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ember);outline-offset:2px;box-shadow:0 0 0 4px var(--focus)}.mono{font-family:var(--f-mono);letter-spacing:.03em}.muted{color:var(--text-2)}.small{font-size:13px}.eyebrow{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;border-bottom:1px solid var(--line);background:var(--page);position:sticky;top:0;z-index:10}.logo{font:700 19px var(--f-sans);letter-spacing:-.02em;color:var(--text);text-decoration:none}.logo i{display:inline-block;width:7px;height:7px;background:var(--ember);border-radius:50%;margin-left:2px}.topbar .sp{flex:1}.topbar a.nav{color:var(--text-2);text-decoration:none;font-size:14px}.topbar a.nav:hover{color:var(--text)}.topbar .email{font:400 12px var(--f-mono);color:var(--text-2);max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap{max-width:1320px;margin:0 auto;padding:20px 16px 64px}.wrap.narrow{max-width:720px}.pagehead{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.pagehead h1{font:700 24px/1.2 var(--f-sans);letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--card);cursor:pointer;font-weight:500;font-size:14px;text-decoration:none;color:var(--text);white-space:nowrap}.btn:hover{background:var(--well)}.btn.primary{background:var(--cta);color:var(--cta-fg);border-color:transparent}.btn.primary:hover{background:var(--cta-hover)}.btn.danger{color:var(--err)}.btn.sm{min-height:30px;padding:3px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field>label{font-size:12px;color:var(--text-2);font-weight:500}.input,textarea.input,select.input{width:100%;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--card);min-height:36px}textarea.input{resize:vertical;min-height:64px;line-height:1.4}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font:500 12px/18px var(--f-sans);background:var(--well);color:var(--text-2);white-space:nowrap}.chip.err{background:var(--err-bg);color:var(--err)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.blue{background:var(--blue-100);color:#28506a}@media(prefers-color-scheme:dark){.chip.blue{background:#b7d4e424;color:var(--info)}}.tchip{font:500 12px/18px var(--f-mono);padding:1px 7px;border-radius:6px;background:var(--blue-100);color:#28506a;border:0;cursor:pointer;white-space:nowrap}@media(prefers-color-scheme:dark){.tchip{background:#b7d4e424;color:var(--info)}}.tchip:hover{background:var(--blue)}.tchip.static{cursor:default}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:10px 12px;border-radius:var(--r-md);font-size:14px;background:var(--err-bg);color:var(--err)}.alert.info{background:var(--blue-100);color:#28506a}@media(prefers-color-scheme:dark){.alert.info{background:#b7d4e424;color:var(--info)}}.list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .2s,border-color .2s}.rcard:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.thumb{aspect-ratio:16 / 9;background:var(--well);display:flex;align-items:center;justify-content:center;position:relative;color:var(--text-3);font-size:13px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .dur{position:absolute;right:8px;bottom:8px;background:#101f18c7;color:#fcfaf1;padding:1px 6px;border-radius:6px;font:500 12px var(--f-mono)}.rcard .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.rcard h3{font:600 16px/1.3 var(--f-sans)}.rcard .meta{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:13px;color:var(--text-2)}.empty{padding:32px 24px;text-align:center;max-width:560px;margin:24px auto}.empty h2{font:700 22px var(--f-sans);margin-bottom:8px}.steps-list{text-align:left;margin:16px auto 20px;padding-left:20px;display:grid;gap:6px;max-width:420px}.rgrid{display:grid;gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.vcol{position:sticky;top:68px;display:grid;gap:12px}.video{width:100%;max-height:70vh;background:#000;border-radius:var(--r-lg);display:block;aspect-ratio:16 / 9}.novideo{aspect-ratio:16 / 9;border-radius:var(--r-lg);background:var(--well);display:flex;align-items:center;justify-content:center;color:var(--text-2);padding:16px;text-align:center}.rhead h1{font:700 24px/1.25 var(--f-sans);letter-spacing:-.01em;margin:6px 0 8px}.rhead .meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--text-2)}.sec{margin-top:18px}.sec h2{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}.sec ol,.sec ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.sec li{display:flex;gap:8px;align-items:baseline}.sec li .n{color:var(--text-3);font:400 12px var(--f-mono);min-width:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.box{padding:10px 12px;border-radius:var(--r-md);background:var(--well)}.box .eyebrow{display:block;margin-bottom:4px}.summary{font:400 17px/1.4 var(--f-serif)}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13px}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-family:var(--f-mono);font-size:12px}.tabs{margin-top:24px}.tablist{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tablist button{background:none;border:0;padding:10px 14px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;font-weight:500;white-space:nowrap;min-height:44px}.tablist button[aria-selected=true]{color:var(--text);border-bottom-color:var(--ember)}.tabpanel{padding:14px 0}.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}.rows{display:grid}.row{display:flex;gap:10px;align-items:baseline;padding:6px 8px;border-radius:var(--r-sm);border:0;background:none;text-align:left;width:100%;cursor:pointer;font-size:14px}.row:hover{background:var(--well)}.row.active{background:var(--blue-100)}@media(prefers-color-scheme:dark){.row.active{background:#b7d4e424}}.row .t{font:500 12px var(--f-mono);color:var(--text-2);min-width:66px;flex:none}.row .k{font:500 11px var(--f-mono);color:var(--text-3);min-width:62px;flex:none;text-transform:uppercase}.row.lv-warn .tx{color:var(--warn)}.row.lv-error .tx{color:var(--err)}.row .tx{flex:1;min-width:0}.lvl{font:500 11px var(--f-mono);padding:0 6px;border-radius:5px;background:var(--well);text-transform:uppercase;flex:none}.lvl.error{background:var(--err-bg);color:var(--err)}.lvl.warn{background:var(--warn-bg);color:var(--warn)}pre.code{margin:6px 0 0;padding:8px 10px;background:var(--well);border-radius:var(--r-sm);font:400 12px/1.45 var(--f-mono);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow-y:auto}.crow{border-bottom:1px solid var(--line);padding:6px 0}.crow>button{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:2px 0;font-size:13px}.crow .tx{font-family:var(--f-mono);font-size:12px;flex:1;min-width:0;white-space:pre-wrap}.netwrap{overflow-x:auto}table.net{width:100%;min-width:560px;border-collapse:collapse;font-size:13px}table.net th{text-align:left;font:500 11px var(--f-mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border-bottom:1px solid var(--line)}table.net td.mono,table.net th{white-space:nowrap}table.net td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.net tr.main{cursor:pointer}table.net tr.main:hover{background:var(--well)}table.net tr.fail td{color:var(--err)}table.net td.url{font:400 12px var(--f-mono);max-width:420px;word-break:break-all}.replay{background:var(--well);border-radius:var(--r-md);padding:8px;overflow:hidden}.replay-host{display:flex;justify-content:center}.progress{padding:28px 20px;text-align:center}.progress .spinner{width:28px;height:28px;border-width:3px;color:var(--green)}@media(prefers-color-scheme:dark){.progress .spinner{color:var(--ok)}}.progress h2{font:600 18px var(--f-sans);margin:14px 0 4px}.overlay{position:fixed;inset:0;background:#101f1880;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:640px;max-height:92vh;overflow:auto;padding:20px;box-shadow:0 28px 72px #101f1840}.modal h2{font:700 20px var(--f-sans);margin-bottom:14px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);cursor:pointer;font-size:13px}.seg button[aria-pressed=true]{background:var(--green);color:#fcfaf1;border-color:transparent}@media(prefers-color-scheme:dark){.seg button[aria-pressed=true]{background:#e9e4cf;color:#101f18}}.sharebox{display:flex;gap:6px;margin-top:8px}.sharebox input{flex:1;min-width:0;font:400 12px var(--f-mono)}.editlist{display:grid;gap:6px}.editlist .er{display:flex;gap:6px}.editlist .er input.t{width:64px;flex:none}.center{min-height:60vh;display:flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--ivory);padding:8px 14px;border-radius:var(--r-md);font-size:14px;z-index:60}@media(max-width:900px){.rgrid{grid-template-columns:minmax(0,1fr)}.vcol{position:static}.video{max-height:56vh}.topbar .email{display:none}}@media(max-width:480px){.two{grid-template-columns:1fr}.list{grid-template-columns:minmax(0,1fr)}.topbar{gap:12px}.topbar a.nav{font-size:13px}.rhead h1{font-size:20px}.row .k{display:none}}
