:root{--paper: #eff1ec;--card: #f8f9f5;--ink: #1a1d1a;--soft: #5c6159;--rule: #c9cdc3;--tape: #2e5aac;--tape-soft: #dee7f6;--zest: #f0c808;--pink: #f0a6c0;--strike: #9aa093;--danger: #a32a2a;--danger-soft: #f6e4e4;--font-display: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif;--line: 1.5px solid var(--ink);--content: 860px;--sidebar-w: 216px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--tape);outline-offset:2px}.shell{display:flex;min-height:100%;align-items:stretch}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin:0 0 6px}.sidebar{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);border-right:var(--line);background:var(--card);display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px 6px}.brand-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);min-width:0}.brand-mark{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.02em}.brand-name{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;white-space:nowrap}.brand-name b{color:var(--tape);font-weight:800}.side-eyebrow{padding:0 16px;margin-bottom:14px}.nav-close{display:none}.side-nav{flex:1;padding-bottom:12px}.side-group{margin-bottom:4px}.side-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--strike);margin:14px 16px 4px}.side-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px 9px 13px;border-left:3px solid transparent;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:13.5px;letter-spacing:.01em}.side-link:hover{background:var(--tape-soft)}.side-link.on{background:var(--tape-soft);border-left-color:var(--tape);color:var(--tape)}.side-link .count{font-family:var(--font-mono);font-size:11px;font-weight:400;opacity:.7}.side-foot{border-top:1px solid var(--rule);padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.side-foot .side-link{border:var(--line);border-left:var(--line);padding:8px 12px}.side-foot .side-link.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.scrim{display:none}.main{flex:1;min-width:0;padding:28px 32px 80px}.topbar{display:none}.wrap{max-width:var(--content)}@media(max-width:860px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;transform:translate(-100%);transition:transform .18s ease;box-shadow:4px 0 0 var(--ink)}.sidebar.open{transform:translate(0)}.nav-close{display:flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;width:100%;height:100%;background:#1a1d1a59;border:0;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease}.scrim.open{opacity:1;pointer-events:auto}.main{padding:0 16px 72px}.topbar{display:flex;align-items:center;gap:10px;margin:0 -16px 16px;padding:12px 16px;border-bottom:var(--line);background:var(--card);position:sticky;top:0;z-index:20}.topbar-brand{flex:1;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.topbar-brand span{color:var(--tape)}}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.bar .spacer{flex:1}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.seg{display:inline-flex;border:var(--line)}.seg button{background:transparent;border:0;border-right:var(--line);cursor:pointer;padding:7px 12px;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:var(--paper)}.btn{border:var(--line);background:var(--ink);color:var(--paper);cursor:pointer;padding:9px 15px;text-decoration:none;display:inline-block;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--tape-soft)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.btn:disabled{opacity:.45;cursor:default}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.icon-btn{background:transparent;border:0;cursor:pointer;padding:8px;line-height:0;color:var(--soft);border-radius:3px}.icon-btn:hover{background:var(--tape-soft);color:var(--tape)}.icon-btn.on{color:var(--tape)}.icon-btn:disabled{opacity:.4;cursor:default}.note{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--soft);margin-top:20px;padding-top:12px;border-top:1px solid var(--rule)}.empty{text-align:center;padding:44px 20px;border:1.5px dashed var(--rule)}.empty p{font-size:14.5px;color:var(--soft);margin:0 0 16px;line-height:1.5}.tag{display:inline-block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--tape-soft);color:var(--tape);padding:2px 6px;margin-right:4px}.meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.back-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);text-decoration:none;display:inline-block;margin-bottom:12px}.back-link:hover{color:var(--tape)}.roll{display:block;width:100%;margin-bottom:18px;cursor:pointer;background:var(--pink);border:var(--line);color:var(--ink);padding:15px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.08em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.roll:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--ink)}.roll:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.roll:disabled{opacity:.45;cursor:default;transform:none;box-shadow:4px 4px 0 var(--ink)}.chit{display:flex;align-items:stretch;border:var(--line);border-bottom:0;background:var(--card)}.chit:last-child{border-bottom:var(--line)}.chit-day{width:62px;flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:var(--line);background:var(--paper)}.chit.locked .chit-day{background:var(--tape);color:#fff}.chit-day b{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.chit-day i{font-family:var(--font-mono);font-style:normal;font-size:9px;letter-spacing:.1em;opacity:.6}.chit-body{flex:1;padding:12px;min-width:0;display:flex;flex-direction:column;justify-content:center}.chit-name{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}a.chit-name:hover{color:var(--tape)}.chit-name.spinning{color:var(--soft)}.chit-name.empty-name{color:var(--strike)}.chit-meta{margin-top:4px}.chit-acts{display:flex;align-items:center;gap:2px;padding-right:8px}.meal-row{border:var(--line);border-bottom:0;background:var(--card);padding:13px 14px;display:flex;align-items:center;gap:10px}.meal-row:last-child{border-bottom:var(--line)}.meal-row h3{font-weight:600;font-size:16px;margin:0 0 3px}.meal-row a.meal-link{text-decoration:none}.meal-row a.meal-link:hover h3{color:var(--tape)}.aisle{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tape);margin:22px 0 8px;padding-bottom:5px;border-bottom:var(--line)}.aisle:first-child{margin-top:0}.line{display:flex;align-items:center;gap:11px;padding:9px 2px;cursor:pointer;border-bottom:1px solid var(--rule)}.box{width:17px;height:17px;flex:0 0 17px;border:var(--line);display:flex;align-items:center;justify-content:center}.line.done .box{background:var(--ink)}.line.done .qty,.line.done .line-name{color:var(--strike);text-decoration:line-through}.qty{font-family:var(--font-mono);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;min-width:72px;text-align:right}.line-name{font-size:14.5px;flex:1}.line-from{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--strike);max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{border:var(--line);background:var(--card);padding:16px;margin-bottom:20px}.field{margin-bottom:12px}.field>label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:5px}.input,.select,.textarea{width:100%;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);padding:8px 9px;font-family:var(--font-body);font-size:14px}.textarea{resize:vertical;min-height:96px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--tape);outline-offset:1px;border-color:var(--tape)}.row{display:flex;gap:10px}.ing-row{display:flex;gap:5px;margin-bottom:6px;align-items:center}.ing-row .q{width:58px;flex:0 0 58px;font-family:var(--font-mono)}.ing-row .u{width:62px;flex:0 0 62px;font-family:var(--font-mono)}.ing-row .n{flex:1;min-width:0}.ing-row .a{width:108px;flex:0 0 108px;font-size:12px}.detail-head{border:var(--line);background:var(--card);padding:16px;margin-bottom:18px}.detail-head h2{font-weight:800;font-size:clamp(22px,5vw,30px);line-height:1.05;margin-bottom:6px}.section-title{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tape);margin:24px 0 8px;padding-bottom:5px;border-bottom:var(--line)}.steps{margin:0;padding-left:22px;line-height:1.65;font-size:15px}.steps li{margin-bottom:8px}.prose{font-size:14.5px;line-height:1.6;color:var(--soft);white-space:pre-wrap;margin:0}@media(max-width:520px){.ing-row{flex-wrap:wrap}.ing-row .n{flex:1 1 100%;order:3}.ing-row .a{flex:1 1 auto;order:4;width:auto}.line-from{display:none}}.plan-section{margin-bottom:26px}.section-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.section-title.flush{margin-top:0}.note.flush{margin-top:6px;padding-top:0;border-top:0}.btn.tiny{padding:6px 10px;font-size:10.5px;letter-spacing:.1em}.tag.alt{background:var(--ink);color:var(--paper)}.scorecard{border:var(--line);background:var(--card);padding:12px 14px;margin-bottom:16px}.scorecard-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.score-stat{display:flex;flex-direction:column;gap:1px}.score-stat b{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1}.score-misses{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--rule);font-size:12.5px;line-height:1.5;color:var(--soft)}.score-misses li{margin-bottom:3px}.score-misses b{color:var(--ink);font-weight:600}.rule-list{list-style:none;margin:0;padding:0}.rule-list li{border:var(--line);border-bottom:0;background:var(--card)}.rule-list li:last-child{border-bottom:var(--line)}.rule-head{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:11px 13px;color:inherit;font:inherit}.rule-mark{width:18px;height:18px;flex:0 0 18px;border:var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;margin-top:1px}.rule-list li.ok .rule-mark{background:var(--ink);color:var(--paper)}.rule-list li.miss .rule-mark{background:var(--zest)}.rule-text{display:flex;flex-direction:column;gap:3px;min-width:0}.rule-text b{font-family:var(--font-display);font-weight:600;font-size:14.5px}.rule-why{margin:0;padding:0 13px 12px 41px;font-size:13px;line-height:1.55;color:var(--soft)}.rule-source{display:block;margin-top:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tape)}.rule-toggle{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;cursor:pointer}.rule-toggle input{margin-top:3px;accent-color:var(--tape);width:16px;height:16px}.rule-list.settings .rule-text .meta{text-transform:none;letter-spacing:.01em;font-size:12.5px;line-height:1.5;font-family:var(--font-body)}.nutrient-table{border:var(--line);background:var(--card)}.nutrient-row{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--rule)}.nutrient-row:last-child{border-bottom:0}.nutrient-name{flex:0 0 34%;display:flex;flex-direction:column;gap:1px;font-size:14px}.nutrient-track{flex:1;height:9px;background:var(--paper);border:1px solid var(--rule);position:relative;min-width:60px}.nutrient-fill{height:100%}.nutrient-fill.good{background:var(--tape)}.nutrient-fill.short{background:var(--zest)}.nutrient-fill.over{background:var(--danger)}.nutrient-limit{position:absolute;right:0;top:-2px;bottom:-2px;width:2px;background:var(--ink)}.nutrient-value{flex:0 0 96px;text-align:right;font-family:var(--font-mono);font-size:12.5px;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:1px}.nutrient-table.compact .nutrient-name{flex:1}.headline-nutrients{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}.headline-stat{display:flex;flex-direction:column;gap:1px}.headline-stat b{font-family:var(--font-display);font-weight:800;font-size:17px}.meta.faint{opacity:.65}.cook-row{display:flex;flex-direction:column;gap:2px;padding:9px 2px;border-bottom:1px solid var(--rule)}.cook-name{font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none}.cook-name:hover{color:var(--tape)}.slider{width:100%;accent-color:var(--tape)}.check{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.5;margin-bottom:8px;cursor:pointer}.check input{margin-top:2px;accent-color:var(--tape);width:16px;height:16px}.wrap-seg{flex-wrap:wrap}.wrap-seg button{border-bottom:1.5px solid var(--ink)}.callout{border-left:3px solid var(--zest);background:var(--card);padding:10px 12px;margin:0 0 16px;font-size:13.5px;line-height:1.55;color:var(--soft)}.callout b{color:var(--ink)}.ing-hint{margin:-2px 0 8px 63px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--strike)}.ing-hint.warn{color:var(--danger)}@media(max-width:520px){.nutrient-name{flex:0 0 42%}.nutrient-track{display:none}.ing-hint{margin-left:0}}.nutrient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}.nutrient-input label{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:3px}.nutrient-input label span{color:var(--strike);text-transform:none;letter-spacing:0}.nutrient-input .input{padding:6px 8px;font-family:var(--font-mono);font-size:13px}.calendar{display:grid;gap:14px}.cal-day{border:var(--line);background:var(--card)}.cal-head{display:flex;align-items:center;gap:14px;padding:10px 13px;border-bottom:var(--line);background:var(--paper)}.cal-date{display:flex;align-items:baseline;gap:6px}.cal-date b{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.cal-date i{font-family:var(--font-mono);font-style:normal;font-size:9px;letter-spacing:.1em;opacity:.6}.cal-energy,.cal-veg{display:flex;align-items:baseline;gap:5px}.cal-energy b,.cal-veg b{font-family:var(--font-mono);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}.cal-meals{padding:4px 13px}.cal-slot{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);flex-wrap:wrap}.cal-slot:last-child{border-bottom:0}.cal-slot-type{flex:0 0 74px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.cal-slot-name{font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none;flex:1;min-width:0}a.cal-slot-name:hover{color:var(--tape)}.cal-slot-name.empty-name{color:var(--strike)}.cal-checks{display:flex;flex-wrap:wrap;gap:6px 12px;padding:9px 13px;border-top:1px solid var(--rule)}.cal-check{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.cal-check i{width:14px;height:14px;flex:0 0 14px;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;font-weight:600}.cal-check.ok i{background:var(--ink);color:var(--paper)}.cal-check.miss i{background:var(--zest)}.cal-cook{padding:10px 13px;border-top:1px solid var(--rule);background:var(--paper)}.cal-cook-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px}.cal-cook-row a{font-family:var(--font-display);font-weight:600;font-size:14px;text-decoration:none}.cal-cook-row a:hover{color:var(--tape)}.over-text{color:var(--danger)}.short-text{color:var(--soft)}.nutrient-value .over-text,.nutrient-value .short-text{font-weight:600}@media(min-width:720px){.calendar{grid-template-columns:repeat(2,1fr)}}.week-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:var(--line);border-left:4px solid var(--tape);background:var(--tape-soft);padding:10px 13px;margin-bottom:16px}.week-banner b{font-family:var(--font-display);font-weight:600;font-size:15px;display:block}.week-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:var(--line);border-bottom:0;background:var(--card);padding:12px 14px}.week-row:last-child{border-bottom:var(--line)}.week-row.live{border-left:4px solid var(--zest)}.week-main{flex:1;min-width:0}.week-main h3{font-weight:600;font-size:16px;margin:0 0 3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.week-acts{display:flex;gap:6px;flex-wrap:wrap}.btn.danger.tiny{padding:6px 10px;font-size:10.5px}.lock-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.lock-card{width:100%;max-width:380px}.lock-brand{display:flex;align-items:center;justify-content:center;gap:9px}.lock-card .btn{width:100%;margin-top:4px}.lock-card .callout{margin-top:12px}.chit.blackout{background:repeating-linear-gradient(135deg,var(--card),var(--card) 10px,var(--paper) 10px,var(--paper) 20px)}.chit.blackout .chit-day{opacity:.5}.icon-btn.tiny{padding:4px}.icon-btn.tiny svg{width:12px;height:12px}.meal-picker{margin-top:8px;padding:10px;border:var(--line);background:var(--paper)}.meal-picker-list{max-height:200px;overflow-y:auto;margin:8px 0;border:1px solid var(--rule)}.meal-picker-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:8px 10px;cursor:pointer;font-family:var(--font-body);font-size:13.5px;color:var(--ink)}.meal-picker-item:last-child{border-bottom:0}.meal-picker-item:hover{background:var(--tape-soft)}.week-banner.locked{border-left-color:var(--pink);background:#fdf1f6}.track-table{border:var(--line);background:var(--card);margin-bottom:24px}.track-row{display:grid;grid-template-columns:90px repeat(2,1fr);border-bottom:1px solid var(--rule)}.track-row:last-child{border-bottom:0}.track-head{background:var(--paper);border-bottom:var(--line)}.track-person{padding:9px 12px;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.track-label{padding:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);border-right:1px solid var(--rule);display:flex;align-items:flex-start}.track-cell{padding:10px 12px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px}.track-cell:last-child{border-right:0}.track-planned{font-family:var(--font-display);font-weight:600;font-size:14px;text-decoration:none;color:var(--ink)}.track-planned:hover{color:var(--tape)}.track-custom{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--tape)}.track-skipped{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--strike);text-decoration:line-through}.track-empty{font-family:var(--font-mono);font-size:11px;color:var(--strike);text-transform:uppercase}.track-cell-acts{display:flex;align-items:center;gap:4px}.track-chip{display:inline-flex;align-items:center;gap:5px;background:var(--tape-soft);color:var(--tape);font-family:var(--font-mono);font-size:10.5px;padding:3px 4px 3px 8px;margin:0 4px 4px 0}.track-chip button{background:transparent;border:0;cursor:pointer;color:inherit;display:flex;padding:2px}.quick-add{margin-top:6px;padding:10px;border:1px dashed var(--rule);background:var(--paper)}.quick-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;margin-top:8px}.track-nutrient-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.track-nutrient-col h3{font-size:14px;margin-bottom:8px}.dual-bars{border:var(--line);background:var(--card)}.dual-bar-row{padding:10px 13px;border-bottom:1px solid var(--rule)}.dual-bar-row:last-child{border-bottom:0}.dual-bar-name{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:600;font-family:var(--font-display);margin-bottom:6px}.dual-bar-track{position:relative;height:10px;background:var(--paper);border:1px solid var(--rule)}.dual-bar-marker{position:absolute;top:-3px;width:4px;height:16px;transform:translate(-50%);border:1px solid var(--ink)}.dual-bar-marker.marker-0{background:var(--tape)}.dual-bar-marker.marker-1{background:var(--pink)}.dual-bar-legend{display:flex;gap:12px;margin-top:5px}.dual-bar-tag{font-family:var(--font-mono);font-size:10.5px;display:flex;align-items:center;gap:5px}.dual-bar-tag:before{content:"";width:9px;height:9px;display:inline-block;border:1px solid var(--ink)}.dual-bar-tag.marker-0:before{background:var(--tape)}.dual-bar-tag.marker-1:before{background:var(--pink)}@media(max-width:520px){.track-row{grid-template-columns:70px repeat(2,1fr)}.track-label,.track-cell{padding:8px}}