:root{--ui-bg:#0b0d12;--ui-panel:#141821;--ui-panel-raised:#1c2230;--ui-line:#2e3646;--ui-text:#e6e8ee;--ui-text-dim:#8b94a6;--ui-accent:#f08a24;--ui-accent-text:#0b0d12;--ui-info:#7fd1ff;--ui-ok:#7ccb5a;--ui-warn:#f0c63c;--ui-danger:#e0453c;--ui-bug:#9cff3d;--font-mono:ui-monospace, "JetBrains Mono", "Cascadia Mono", "SF Mono", Consolas, monospace;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--chamfer:8px;--line:1px;--chamfer-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, 0 100%)}body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.4}h1,h2,h3{margin:0 0 var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-weight:600}h1{font-size:18px}h2{font-size:14px}h3{color:var(--ui-text-dim);font-size:12px}.tut-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-dim);font-size:11px}.tut-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.tut-mono{font-family:var(--font-mono)}.tut-card__entry+.tut-card__entry{margin-top:.4em}.tut-card__entry-name,.tut-card__entry-charges{display:block}.tut-dim{color:var(--ui-text-dim)}.tut-chamfer,.tut-panel,.tut-btn{isolation:isolate;background:var(--ui-line);clip-path:var(--chamfer-path);position:relative}.tut-chamfer:before,.tut-panel:before,.tut-btn:before{content:"";inset:var(--line);z-index:-1;background:var(--surface,var(--ui-panel));clip-path:var(--chamfer-path);position:absolute}.tut-panel{--surface:var(--ui-panel);padding:var(--space-4)}.tut-panel--raised{--surface:var(--ui-panel-raised)}.tut-panel__title{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:var(--line) solid var(--ui-line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-dim);font-size:11px}.tut-btn{--surface:var(--ui-panel-raised);align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text);cursor:pointer;border:0;font-size:12px;display:inline-flex}.tut-btn:hover{--surface:var(--ui-line)}.tut-btn:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}.tut-btn:active{--surface:var(--ui-panel)}.tut-btn--primary{--surface:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-text);font-weight:600}.tut-btn--primary:hover{--surface:#f7a24c;background:#f7a24c}.tut-btn--danger{--surface:var(--ui-danger);background:var(--ui-danger);color:var(--ui-accent-text);font-weight:600}.tut-btn:disabled,.tut-btn[aria-disabled=true]{--surface:var(--ui-panel);color:var(--ui-text-dim);opacity:.6;cursor:not-allowed}.is-selected{box-shadow:inset 2px 0 0 var(--ui-accent)}.tut-list{margin:0;padding:0;list-style:none}.tut-list>li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:var(--line) solid var(--ui-line);display:flex}.tut-list>li:hover{background:var(--ui-panel-raised)}.tut-table{border-collapse:collapse;width:100%;font-size:13px}.tut-table th{padding:var(--space-1) var(--space-2);border-bottom:var(--line) solid var(--ui-line);font-family:var(--font-mono);text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-dim);font-size:11px;font-weight:400}.tut-table td{padding:var(--space-1) var(--space-2);border-bottom:var(--line) solid var(--ui-line)}.tut-table td.tut-data,.tut-table th.tut-data{text-align:right}.tut-table tbody tr:hover{background:var(--ui-panel-raised)}.tut-badge{padding:1px var(--space-2);border:var(--line) solid currentColor;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-dim);font-size:11px;display:inline-block}.tut-badge--ok{color:var(--ui-ok)}.tut-badge--warn{color:var(--ui-warn)}.tut-badge--danger{color:var(--ui-danger)}.tut-badge--info{color:var(--ui-info)}.tut-badge--bug{color:var(--ui-bug)}.tut-meter{background:var(--ui-line);height:8px;position:relative}.tut-meter__fill{width:var(--value,0%);background:var(--fill,var(--ui-accent));position:absolute;inset:0 auto 0 0}.tut-meter--bug .tut-meter__fill{--fill:var(--ui-bug)}.tut-meter--danger .tut-meter__fill{--fill:var(--ui-danger)}.tut-meter--ok .tut-meter__fill{--fill:var(--ui-ok)}.tut-topbar{align-items:center;gap:var(--space-6);height:40px;padding:0 var(--space-4);background:var(--ui-panel);border-bottom:var(--line) solid var(--ui-line);font-family:var(--font-mono);font-size:12px;display:flex}.tut-topbar__stat{align-items:center;gap:var(--space-2);display:inline-flex}.tut-topbar__stat .tut-label{font-size:10px}.tut-topbar__spacer{flex:1}.tut-stack{gap:var(--space-3);flex-direction:column;display:flex}.tut-row{align-items:center;gap:var(--space-3);display:flex}.tut-icon{width:24px;height:24px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.tut-icon--sm{width:16px;height:16px}.tut-input,.tut-select{min-height:32px;padding:0 var(--space-2);border:var(--line) solid var(--ui-line);background:var(--ui-bg);color:var(--ui-text);font-family:var(--font-mono);font-size:13px}.tut-input:focus-visible,.tut-select:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}input[type=checkbox],input[type=radio]{appearance:none;border:var(--line) solid var(--ui-line);background:var(--ui-bg);cursor:pointer;flex:none;width:16px;height:16px;margin:0;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--ui-text-dim)}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--ui-accent);background:var(--ui-accent)}input[type=checkbox]:checked:after{content:"";border:solid var(--ui-bg);border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:0;left:4px;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";background:var(--ui-bg);border-radius:50%;position:absolute;inset:3px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.45;cursor:not-allowed}