:root{--bg-app:#e9e7f4;--surface:#fff;--surface-muted:#f5f4fb;--surface-inset:#edeaf7;--accent:#7c6df5;--accent-strong:#6a5ae0;--accent-soft:#e5e1fb;--accent-grad:linear-gradient(135deg, #8b7cf6, #6a5ae0);--ink:#1c1b29;--ink-soft:#383749;--text-secondary:#6b6980;--text-faint:#9c9ab0;--positive:#16a34a;--positive-soft:#dcfce7;--alert:#e11d48;--alert-soft:#ffe4e9;--warn:#f59e0b;--warn-soft:#fef3c7;--border:#e8e5f2;--chip-ink:#1a1a24;--chip-glyph:#fff;--radius-card:22px;--radius-inner:14px;--radius-pill:999px;--gap:24px;--pad-card:22px;--shadow-soft:0 4px 24px #3c326e12;--shadow-hover:0 10px 32px #3c326e24;--rail-w:244px;--font-display:"Sora", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-app:#15131f;--surface:#1e1b2b;--surface-muted:#262236;--surface-inset:#2e2940;--accent:#8b7cf6;--accent-strong:#a395f8;--accent-soft:#322c4d;--accent-grad:linear-gradient(135deg, #8b7cf6, #6a5ae0);--ink:#f0eef8;--ink-soft:#cfcce0;--text-secondary:#9c98b4;--text-faint:#6f6b86;--positive:#34d399;--positive-soft:#14342a;--alert:#fb5d77;--alert-soft:#3a1722;--warn:#fbbf24;--warn-soft:#3a2e12;--border:#34304820;--chip-ink:#8b7cf6;--chip-glyph:#15131f;--shadow-soft:0 4px 24px #00000047;--shadow-hover:0 10px 32px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-app);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.app-shell{min-height:100vh;display:flex}.main{min-width:0;margin-left:var(--rail-w);flex:1;padding:28px 32px 48px}.rail{width:var(--rail-w);background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.rail-logo{align-items:center;gap:10px;padding:4px 8px 22px;display:flex}.rail-logo .mark{background:var(--ink);width:38px;height:38px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.rail-logo .word{font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:700;line-height:1.1}.rail-logo .word small{font-family:var(--font-body);color:var(--text-faint);letter-spacing:.04em;font-size:11px;font-weight:500;display:block}.nav{flex-direction:column;gap:4px;margin-top:8px;display:flex}.nav-section{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:16px 12px 6px;font-size:10.5px;font-weight:600}.nav-item{border-radius:var(--radius-inner);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-muted);color:var(--ink)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 6px 16px #7c6df557}.nav-item .count{background:var(--alert);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nav-item.active .count{background:#ffffff47}.rail-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.profile{border-radius:var(--radius-inner);background:var(--surface-muted);align-items:center;gap:11px;padding:10px;display:flex}.profile .avatar{background:var(--accent-grad);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.profile .meta b{color:var(--ink);font-size:13.5px;font-weight:600;display:block}.profile .meta span{color:var(--text-secondary);font-size:11.5px}.theme-toggle{background:var(--surface-muted);border-radius:var(--radius-pill);gap:4px;padding:4px;display:flex}.theme-toggle button{border-radius:var(--radius-pill);color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:12.5px;font-weight:600;display:flex}.theme-toggle button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.topbar .greeting h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:23px;font-weight:700}.topbar .greeting p{color:var(--text-secondary);margin-top:3px;font-size:13.5px}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--ink-soft);border-radius:50%;place-items:center;transition:background .15s,transform .1s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-muted)}.icon-btn .dot{background:var(--alert);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 6px 16px #7c6df552}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:active{transform:translateY(1px)}.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--pad-card);box-shadow:var(--shadow-soft);border:1px solid var(--border)}.card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-head h3{color:var(--ink);font-size:16px;font-weight:600}.card-head .sub{color:var(--text-secondary);font-size:12px}.chip{background:var(--chip-ink);width:44px;height:44px;color:var(--chip-glyph);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chip.sm{border-radius:11px;width:34px;height:34px}.pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:var(--positive-soft);color:var(--positive)}.pill.alert{background:var(--alert-soft);color:var(--alert)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.muted{background:var(--surface-muted);color:var(--text-secondary)}.pill.accent{background:var(--accent-soft);color:var(--accent-strong)}[data-theme=dark] .pill.accent{color:var(--accent)}.delta{align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.delta.up{color:var(--positive)}.delta.down{color:var(--alert)}.grid{gap:var(--gap);display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.row-span-2{grid-row:span 2}.card.stat{align-self:start}.stat .top{justify-content:space-between;align-items:flex-start;display:flex}.stat .label{color:var(--text-secondary);letter-spacing:.02em;font-size:12px;font-weight:500}.stat .value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-top:14px;font-size:40px;font-weight:700;line-height:1.05}.stat .value small{color:var(--text-secondary);margin-left:4px;font-size:17px;font-weight:600}.stat .foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.stat .value.none{font-family:var(--font-body,inherit);color:var(--text-secondary);letter-spacing:0;font-size:19px;font-weight:600}.card.stat.unmeasured{background:repeating-linear-gradient(135deg, transparent, transparent 7px, color-mix(in srgb, var(--text-secondary) 5%, transparent) 7px, color-mix(in srgb, var(--text-secondary) 5%, transparent) 14px)}.card.stat.unmeasured .chip{opacity:.45}.stat .foot .label em{color:var(--text-secondary);opacity:.8;margin-top:2px;font-size:10.5px;font-style:normal;display:block}.spark{display:block}.timeline{flex-direction:column;display:flex}.tl-item{gap:14px;padding-bottom:18px;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:20px;bottom:0;left:7px}.tl-dot{border:3px solid var(--surface);background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--border);z-index:1;border-radius:50%;flex-shrink:0;margin-top:2px}.tl-dot.done{background:var(--positive)}.tl-dot.alert{background:var(--alert)}.tl-dot.pending{background:var(--surface-inset)}.tl-body b{color:var(--ink);font-size:14px;font-weight:600;display:block}.tl-body span{color:var(--text-secondary);font-size:12.5px}.progress{background:var(--surface-inset);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--accent);border-radius:999px;height:100%;display:block}.gauge-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.gauge-center{font-family:var(--font-display);color:var(--ink);font-size:30px;font-weight:700}.gauge-label{color:var(--text-secondary);font-size:12.5px}.feature{background:var(--accent-grad);border-radius:var(--radius-card);padding:var(--pad-card);color:#fff;flex-direction:column;justify-content:space-between;min-height:180px;display:flex;position:relative;overflow:hidden}.feature h3{font-family:var(--font-display);font-size:18px;font-weight:700}.feature p{opacity:.92;max-width:84%;margin-top:6px;font-size:13px}.feature .thumb{opacity:.9;background-position:50%;background-size:cover;border:0;border-radius:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 42%);mask-image:linear-gradient(#0000 0%,#000 42%)}.feature .thumb:after{content:"";background:linear-gradient(#0000 30%,#3c28828c 100%);position:absolute;inset:0}.feature .thumb svg{z-index:1;filter:drop-shadow(0 2px 10px #00000073);position:relative}.feature>div{z-index:1;position:relative}.feature .play{z-index:1;width:46px;height:46px;color:var(--accent-strong);background:#ffffffe6;border-radius:50%;align-self:flex-start;place-items:center;display:grid;position:relative}.horse-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);border:1px solid var(--border);cursor:pointer;padding:18px;transition:transform .12s,box-shadow .12s;display:block}.horse-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.horse-card .photo{border-radius:var(--radius-inner);background-position:50%;background-size:cover;height:130px;margin-bottom:14px;position:relative}.horse-card .photo .status{position:absolute;top:10px;left:10px}.horse-card h4{color:var(--ink);font-size:16px;font-weight:600}.horse-card .meta{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.horse-card .metrics{border-top:1px solid var(--border);gap:14px;margin-top:14px;padding-top:14px;display:flex}.horse-card .metrics .m b{font-family:var(--font-display);color:var(--ink);font-size:16px;font-weight:700;display:block}.horse-card .metrics .m span{color:var(--text-secondary);font-size:10.5px}.row{border-radius:var(--radius-inner);background:var(--surface);border:1px solid var(--border);align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:background .12s;display:flex}.row:hover{background:var(--surface-muted)}.row .grow{flex:1;min-width:0}.row .grow b{color:var(--ink);font-size:14.5px;font-weight:600}.row .grow span{color:var(--text-secondary);font-size:12.5px;display:block}.row.urgent{border-left:4px solid var(--alert)}.row.watch{border-left:4px solid var(--warn)}.row.calm{border-left:4px solid var(--positive)}.sev-chip{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.sev-chip.alert{background:var(--alert-soft);color:var(--alert)}.sev-chip.warn{background:var(--warn-soft);color:var(--warn)}.sev-chip.ok{background:var(--positive-soft);color:var(--positive)}.btn-ghost{border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--ink-soft);border:1px solid var(--border);padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s}.btn-ghost:hover{background:var(--surface-inset)}.btn-ghost.accent{background:var(--accent);color:#fff;border-color:#0000}.tabs{background:var(--surface-muted);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.tabs button{border-radius:var(--radius-pill);color:var(--text-secondary);padding:8px 16px;font-size:13px;font-weight:600}.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.section-title{font-family:var(--font-display);color:var(--ink);margin:4px 0 14px;font-size:17px;font-weight:700}.foaling{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:var(--pad-card);position:relative;overflow:hidden}.foaling.labour{border-color:var(--alert);box-shadow:0 0 0 1px var(--alert), var(--shadow-soft)}.countdown{font-family:var(--font-display);color:var(--ink);font-size:38px;font-weight:700;line-height:1}.card.fill{flex-direction:column;display:flex}.card.fill>.card-head{flex:none}.card.fill>.fill-body{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.yardmap{background:var(--surface-muted);border-radius:var(--radius-inner);background-image:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0);background-size:22px 22px;min-height:240px;position:relative;overflow:hidden}.stall{border:1.5px solid var(--border);background:var(--surface);color:var(--ink-soft);box-shadow:var(--shadow-soft);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:600;position:absolute}.stall.blind{color:var(--text-secondary);background:repeating-linear-gradient(135deg, var(--surface), var(--surface) 5px, color-mix(in srgb, var(--text-secondary) 7%, var(--surface)) 5px, color-mix(in srgb, var(--text-secondary) 7%, var(--surface)) 10px);box-shadow:none;border-style:dashed}.stall .ind{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.muted{color:var(--text-secondary)}.stack{gap:var(--gap);flex-direction:column;display:flex}.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.gap-sm{gap:10px}.gap-md{gap:16px}.mt-sm{margin-top:10px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .info b{color:var(--ink);font-size:14.5px;font-weight:600}.setting-row .info span{color:var(--text-secondary);max-width:460px;font-size:12.5px;display:block}.setting-row .info b .pill{vertical-align:middle;width:auto;max-width:none;display:inline-flex}.switch{background:var(--surface-inset);border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background .18s;position:relative}.switch.on{background:var(--accent)}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on i{transform:translate(20px)}.back-link{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:16px;font-size:13.5px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#1c1b2973;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-hover);width:100%;max-width:460px;max-height:88vh;animation:.16s pop;overflow:auto}.modal.wide{max-width:640px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal-head h3{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:700}.modal-body{padding:22px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.field{margin-bottom:14px}.field label{color:var(--text-secondary);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-inner);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:80px}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.toast-wrap{z-index:300;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-hover);padding:12px 18px;font-size:13.5px;font-weight:600;animation:.16s pop}.cam{border-radius:var(--radius-inner);aspect-ratio:16/10;background-position:50%;background-size:cover;position:relative;overflow:hidden}.cam:after{content:"";pointer-events:none;background:repeating-linear-gradient(#fff0 0 3px,#00000014 4px);position:absolute;inset:0}.cam .live{color:#fff;letter-spacing:.06em;border-radius:var(--radius-pill);background:#0000008c;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.cam .live i{background:#ff4757;border-radius:50%;width:8px;height:8px;animation:1.1s infinite blink}.cam .ts{font-family:var(--font-display);color:#fff;background:#0000008c;border-radius:8px;padding:4px 9px;font-size:12px;position:absolute;bottom:12px;right:12px}@keyframes blink{50%{opacity:.25}}@media (max-width:1200px){.dash-grid,.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 2}}@media (max-width:980px){.rail{transition:transform .2s;transform:translate(-100%)}.rail.open{transform:none}.main{margin-left:0;padding:22px 18px 40px}}@media (max-width:720px){.main{padding:20px 16px 40px}.dash-grid,.cols-2,.cols-3,.cols-4{grid-template-columns:minmax(0,1fr)}.span-2,.span-3{grid-column:span 1}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar-actions{width:100%}}.mobile-bar{display:none}@media (max-width:980px){.mobile-bar{align-items:center;gap:12px;margin-bottom:18px;display:flex}}.auth-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);width:100%;max-width:360px;box-shadow:var(--shadow-lg,0 12px 40px #0000001f);padding:32px 28px}.auth-card h1{font-family:var(--font-display);color:var(--ink);margin:0 0 2px;font-size:22px}.auth-card>.muted{margin:0 0 22px;font-size:13px}.auth-card label{margin-bottom:14px;display:block}.auth-card label span{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-card input{width:100%;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px}.auth-card input:focus{border-color:var(--accent);background:var(--surface);outline:none}.auth-card .btn-primary{justify-content:center;width:100%;margin-top:8px}.auth-error{color:var(--alert);background:var(--alert-soft);border-radius:8px;margin:0 0 12px;padding:8px 11px;font-size:13px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hw-facts{gap:8px;display:grid}.hw-facts>div{grid-template-columns:minmax(96px,30%) 1fr;gap:10px;font-size:12.5px;display:grid}.hw-facts span{color:var(--text-secondary)}.hw-facts b{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.hw-legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:16px 0 8px;font-size:11px;font-weight:600}.hw-check{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-top:4px;font-size:12px;display:flex}.hw-optics{gap:10px;margin-top:10px;display:grid}.hw-optics-row{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:13px;display:flex}.hw-optics-row svg{color:var(--accent);flex-shrink:0;margin-top:2px}.hw-steps{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.hw-steps li{background:var(--surface-muted);border-radius:10px;grid-template-columns:18px 1fr auto;align-items:start;gap:8px;padding:8px 10px;font-size:12.5px;display:grid}.hw-steps li.ok svg{color:var(--positive)}.hw-steps li.bad svg{color:var(--alert)}.hw-steps li b{color:var(--ink);font-weight:600;display:block}.hw-steps li span{color:var(--text-secondary);overflow-wrap:anywhere}.hw-steps li em{color:var(--text-secondary);font-size:11px;font-style:normal}.hw-stage{border-radius:var(--radius-inner);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.hw-stage img,.hw-visible{border-radius:var(--radius-inner);width:100%;height:auto;display:block}.hw-stage img{pointer-events:none;border-radius:0}.hw-eye{pointer-events:none;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 2px #00000080,inset 0 0 0 2px #00000059}.hw-eye:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.hw-box{pointer-events:none;background:#ffffff1f;border:2px dashed #fff;position:absolute;box-shadow:0 0 0 1px #00000073}.hw-eye span,.hw-box span{white-space:nowrap;color:#fff;background:#0009;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:600;position:absolute;top:-20px;left:0}.hw-eye span{top:-2px;left:24px}.hw-stage-empty{aspect-ratio:5/4;border-radius:var(--radius-inner);background:var(--surface-muted);color:var(--text-secondary);text-align:center;place-items:center;padding:16px;font-size:12.5px;display:grid}.hw-stage-empty.small{aspect-ratio:16/9}.modal.wide:has(.hw-stage,.hw-stage-empty,.hw-optics){max-width:min(1120px,100vw - 32px)}.hw-guide{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-guide li{color:var(--ink);align-items:center;gap:10px;font-size:13px;display:flex}.hw-guide li>span{background:var(--surface-muted);width:20px;height:20px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:inline-grid}.hw-guide li.done{color:var(--text-secondary);text-decoration:line-through}.hw-guide li.done svg{color:var(--positive);flex-shrink:0}.hw-code{background:var(--surface-muted);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.hw-code code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:var(--ink);-webkit-user-select:all;user-select:all;flex:1;font-size:12px}.hw-reg{background:var(--surface-muted);border-radius:10px;margin-bottom:8px;padding:10px 12px}.hw-reg .field{margin-bottom:0}.hw-metrics{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 16px;display:grid}.modal.wide:has(.hw-reg,.hw-code){max-width:min(1000px,100vw - 32px)}