:root{color-scheme:light dark;--bg: #fbfbfd;--bg-panel: #ffffff;--bg-sunken: #f2f3f7;--bg-hover: #eef0f6;--bg-active: #e4e8f5;--text: #14161c;--text-soft: #4d5361;--text-faint: #7b8194;--border: #e2e4ec;--border-strong: #c9ccd8;--accent: #2f6fd0;--accent-soft: #e8f0fd;--accent-text: #1b4c99;--c2s: #0f766e;--c2s-soft: #dcf5f1;--s2c: #7c3aed;--s2c-soft: #efe7fd;--highlight: var(--accent);--highlight-text: #ffffff;--highlight-soft: var(--accent-soft);--error: #c02626;--error-soft: #fdeaea;--warn: #a8620a;--badge-sat: 65%;--badge-light: 34%;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--radius: 8px;--radius-sm: 5px;--shadow: 0 1px 2px rgb(20 22 28 / 6%), 0 4px 12px rgb(20 22 28 / 4%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1015;--bg-panel: #16191f;--bg-sunken: #1c2027;--bg-hover: #232830;--bg-active: #2b3341;--text: #e8eaf0;--text-soft: #a9b0be;--text-faint: #7a8292;--border: #262b34;--border-strong: #39404d;--accent: #5b9bf8;--accent-soft: #17253c;--accent-text: #a9caff;--c2s: #2dd4bf;--c2s-soft: #10312e;--s2c: #a78bfa;--s2c-soft: #241a3d;--highlight: var(--accent);--highlight-text: #0b1220;--highlight-soft: var(--accent-soft);--error: #f87171;--error-soft: #341717;--warn: #e0a458;--badge-sat: 70%;--badge-light: 68%;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%)}}:root[data-theme=dark]{--bg: #0e1015;--bg-panel: #16191f;--bg-sunken: #1c2027;--bg-hover: #232830;--bg-active: #2b3341;--text: #e8eaf0;--text-soft: #a9b0be;--text-faint: #7a8292;--border: #262b34;--border-strong: #39404d;--accent: #5b9bf8;--accent-soft: #17253c;--accent-text: #a9caff;--c2s: #2dd4bf;--c2s-soft: #10312e;--s2c: #a78bfa;--s2c-soft: #241a3d;--highlight: var(--accent);--highlight-text: #0b1220;--highlight-soft: var(--accent-soft);--error: #f87171;--error-soft: #341717;--warn: #e0a458;--badge-sat: 70%;--badge-light: 68%;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}code,kbd,.mono{font-family:var(--mono);font-size:.92em}.inline-code{font-family:var(--mono);font-size:.88em;padding:.05em .3em;border-radius:3px;background:var(--bg-sunken);color:var(--accent-text);white-space:nowrap}.status-explain .inline-code{background:color-mix(in srgb,var(--text) 9%,transparent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.01em}.landing{max-width:62rem;margin:0 auto;padding:4rem 1.5rem 6rem}.landing-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:1rem}.accent{color:var(--accent)}.lede{font-size:1.1rem;color:var(--text-soft);max-width:46rem;margin:0}.lede-more{margin-top:.9rem;font-size:1rem;color:var(--text-faint)}.landing-section{margin-top:3.5rem}.landing-section>h2{font-size:1.3rem;margin-bottom:.35rem}.section-note{color:var(--text-soft);margin:0 0 1.5rem;max-width:46rem}.scenario-group{margin-bottom:1.75rem}.scenario-group h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.6rem}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:.75rem}.scenario-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.95rem 1.05rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,transform .12s,box-shadow .12s}.scenario-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}.scenario-card:disabled{opacity:.55;cursor:default}.scenario-title{font-weight:600}.scenario-blurb{color:var(--text-soft);font-size:.9rem}.scenario-loading{font-size:.8rem;color:var(--accent)}.steps{list-style:none;counter-reset:step;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.9rem}.steps li{counter-increment:step;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.steps li:before{content:counter(step);flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:.78rem;font-weight:700;display:grid;place-items:center}.step-label{font-weight:600;min-width:9.5rem}.step-text{color:var(--text-soft)}.steps code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .5rem;overflow-x:auto;white-space:nowrap;max-width:100%}.command-row{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}kbd{background:var(--bg-sunken);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-size:.85em}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:2.5rem 1.5rem;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);text-align:center;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone span{color:var(--text-soft)}.dropzone-note{font-size:.85rem;color:var(--text-faint);margin-top:.4rem}.saved-captures{margin-top:1.75rem}.saved-captures h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.4rem}.saved-note{color:var(--text-faint);font-size:.85rem;margin:0 0 .75rem}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.saved-row{display:flex;align-items:stretch;gap:.6rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem}.saved-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.4rem .6rem;background:none;border:none;border-radius:var(--radius-sm)}.saved-open:hover{background:var(--bg-hover)}.saved-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-meta{font-size:.78rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-delete{flex:none;align-self:center;background:none;border:1px solid var(--border-strong);color:var(--text-soft);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.8rem}.saved-delete:hover{border-color:var(--error);color:var(--error);background:var(--error-soft)}.save-notice{position:fixed;bottom:1.25rem;right:1.25rem;max-width:22rem;display:flex;align-items:flex-start;gap:.6rem;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem .85rem;font-size:.85rem;z-index:30}.save-notice button{flex:none;background:none;border:none;color:var(--text-faint);font-size:.95rem;line-height:1;padding:0}.save-notice button:hover{color:var(--text)}.alert{background:var(--error-soft);border:1px solid var(--error);border-radius:var(--radius);padding:.85rem 1rem;margin-top:2rem;color:var(--text)}.alert p{margin:.4rem 0 0;color:var(--text-soft);font-size:.9rem}.explorer{display:flex;flex-direction:column;height:100%;min-height:0}.explorer-header{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.explorer-title{min-width:0;flex:1}.explorer-title h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-meta{color:var(--text-faint);font-size:.82rem}.ghost-button{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--border-strong);color:var(--text-soft);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.85rem;white-space:nowrap}.ghost-button:hover{background:var(--bg-hover);color:var(--text)}.ghost-button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.session-select{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.session-chip{--chip: hsl(var(--chip-hue) var(--badge-sat) var(--badge-light));display:inline-flex;align-items:stretch;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;white-space:nowrap}.session-chip.shown{border-color:var(--chip);background:var(--bg-panel)}.session-chip-swatch{flex:none;display:flex;align-items:center;justify-content:center;width:1.5rem;background:none;border:none;border-right:1px solid var(--border);padding:0}.session-chip-swatch:before{content:"";width:.6rem;height:.6rem;border-radius:2px;border:1.5px solid var(--chip);background:none;transition:background .12s}.session-chip.shown .session-chip-swatch{border-right-color:var(--chip)}.session-chip.shown .session-chip-swatch:before{background:var(--chip)}.session-chip-swatch:hover:not(:disabled):before{box-shadow:0 0 0 2px color-mix(in srgb,var(--chip) 30%,transparent)}.session-chip-swatch:disabled{cursor:default;opacity:.5}.session-chip-body{display:flex;align-items:baseline;gap:.4rem;background:none;border:none;padding:.35rem .7rem;text-align:left}.session-chip-body:hover{background:var(--bg-hover)}.session-chip-id{font-weight:600;font-size:.85rem}.session-chip-meta{font-size:.75rem;color:var(--text-faint)}.controls{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;flex:none}.transport{display:flex;gap:.2rem}.transport-button{width:2rem;height:2rem;display:grid;place-items:center;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);font-size:.8rem}.transport-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.transport-button:disabled{opacity:.4;cursor:default}.scrubber{display:flex;align-items:center;gap:.6rem;flex:1;min-width:12rem}.scrub-track{position:relative;flex:1;height:1.25rem;cursor:pointer;touch-action:none}.scrub-track:before{content:"";position:absolute;inset:50% 0 auto;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--bg-active)}.scrub-fill{position:absolute;top:50%;left:0;height:4px;transform:translateY(-50%);border-radius:2px;background:var(--accent);opacity:.45;transition:width .13s ease-out}.scrub-band{position:absolute;top:50%;height:9px;transform:translateY(-50%);border-radius:2px;background:var(--c2s);opacity:.8}.scrub-thumb{position:absolute;top:50%;width:.85rem;height:.85rem;margin-left:-.425rem;transform:translateY(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-panel);transition:left .13s ease-out}.scrub-track.dragging .scrub-fill,.scrub-track.dragging .scrub-thumb{transition:none}@media(prefers-reduced-motion:reduce){.scrub-fill,.scrub-thumb{transition:none}}.scrub-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.scrubber-label{font-size:.8rem;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.explorer-body{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(26rem,1.6fr);gap:1px;background:var(--border);flex:1;min-height:0}.panel{background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;min-width:0}.panel.empty{padding:2rem;color:var(--text-faint)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);flex:none}.panel-head h2{font-size:.9rem;display:flex;align-items:center;gap:.4rem;min-width:0}.panel-note{font-size:.75rem;color:var(--text-faint)}@media(max-width:1100px){.explorer-body{grid-template-columns:1fr;overflow-y:auto}.packet-list-panel{height:45vh}.detail-panel{height:75vh}}@media(max-width:700px){.explorer-header{flex-wrap:wrap;gap:.5rem .75rem}.explorer-title{order:3;flex-basis:100%}.controls{gap:.5rem .75rem}.scrubber{flex-basis:100%;order:5}.drawer{width:100%;border-left:none}.state-bar,.controls,.explorer-header{padding-left:.75rem;padding-right:.75rem}.landing{padding:2.5rem 1rem 4rem}.steps li{align-items:flex-start}.step-label{min-width:0}}.lane-legend{display:flex;gap:.6rem;font-size:.72rem}.lane-legend-item.c2s{color:var(--c2s)}.lane-legend-item.s2c{color:var(--s2c)}.packet-list{padding:.4rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;position:relative}.packet-list-sizer{list-style:none;margin:0;padding:0;position:relative}.packet-list-row{position:absolute;left:0;width:100%}.packet-list-probe{height:0;overflow:hidden;visibility:hidden;pointer-events:none;list-style:none;margin:0;padding:0}.time-gap{font-size:.68rem;color:var(--text-faint);text-align:center;margin:.3rem 0;position:relative}.time-gap:before,.time-gap:after{content:"";position:absolute;top:50%;width:calc(50% - 3.2rem);border-top:1px dashed var(--border-strong)}.time-gap:before{left:0}.time-gap:after{right:0}.packet-row{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;padding:.35rem .5rem;background:transparent;border:1px solid transparent;border-left:3px solid transparent;border-radius:var(--radius-sm);color:inherit}.packet-row.c2s{border-left-color:var(--c2s)}.packet-row.s2c{border-left-color:var(--s2c)}.packet-row.key-message{background:color-mix(in srgb,var(--c2s) 15%,transparent)}.packet-row.key-message .packet-type{font-weight:700}.packet-row:not(.key-message):not(.selected){opacity:.72}.packet-row:not(.key-message):hover{opacity:1}.packet-row:hover{background:var(--bg-hover)}.packet-row.selected{background:var(--bg-active);border-color:var(--border-strong);outline:1px solid var(--border-strong);outline-offset:-1px}.packet-row.key-message.selected{background:color-mix(in srgb,var(--c2s) 22%,var(--bg-active))}.packet-row.c2s.selected{border-left-color:var(--c2s)}.packet-row.s2c.selected{border-left-color:var(--s2c)}.packet-dir{flex:none;width:1rem;text-align:center;font-size:.8rem;line-height:1.35}.packet-row.c2s .packet-dir{color:var(--c2s)}.packet-row.s2c .packet-dir{color:var(--s2c)}.packet-index{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--text-faint);min-width:1.6rem;padding-top:.1rem}.session-badge{flex:none;font-family:var(--mono);font-size:.65rem;font-weight:600;line-height:1.4;padding:0 .3rem;border-radius:3px;border:1px solid hsl(var(--badge-hue) var(--badge-sat) var(--badge-light));color:hsl(var(--badge-hue) var(--badge-sat) var(--badge-light))}.packet-body{flex:1;min-width:0;overflow:hidden}.packet-name{display:block;font-weight:560;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packet-type{margin-right:.35rem}.packet-category{display:block;font-size:.75rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packet-length{flex:none;width:3.4rem;text-align:right;font-family:var(--mono);font-size:.68rem;color:var(--text-faint)}.type-char{background:var(--bg-sunken);border:1px solid var(--border);border-radius:3px;padding:0 .25rem;font-size:.72rem;color:var(--text-soft)}.badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.05rem .3rem;border-radius:3px}.detail-scroll,.state-scroll{overflow-y:auto;flex:1;min-height:0;padding:.9rem}.category-chip{font-size:.72rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-sunken);color:var(--text-soft);border:1px solid var(--border);white-space:nowrap}.category-chip.cat-error{border-color:var(--error);color:var(--error)}.doc-block{margin-bottom:1.25rem}.doc-summary{margin:0 0 .6rem;font-size:1rem;line-height:1.45}.doc-detail{margin:0;color:var(--text-soft);line-height:1.6}.doc-facts{display:flex;flex-wrap:wrap;gap:1.25rem;margin:.9rem 0 0;padding:.6rem .75rem;background:var(--bg-sunken);border-radius:var(--radius-sm)}.doc-facts dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.doc-facts dd{margin:.1rem 0 0;font-size:.85rem;font-family:var(--mono)}.fields-block,.hex-block{margin-bottom:1.25rem}.fields-block h3,.hex-block h3{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.hint{text-transform:none;letter-spacing:0;font-weight:400;color:var(--text-faint);font-size:.72rem}.field-tree{list-style:none;margin:0;padding:0}.field-row{display:flex;align-items:baseline;gap:.4rem;padding:.15rem .4rem;border-radius:4px;cursor:pointer;border:1px solid transparent}.field-row:hover{background:var(--bg-hover)}.field-row.active{background:var(--highlight-soft);border-color:var(--highlight)}.field-twisty{flex:none;width:1rem;background:none;border:none;padding:0;color:var(--text-faint);font-size:.7rem;line-height:1}.field-twisty.placeholder{cursor:default}.field-name{font-size:.82rem;white-space:nowrap}.field-value{font-family:var(--mono);font-size:.78rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text)}.field-value.number{color:var(--c2s)}.empty-string{color:var(--text-faint);font-style:italic}.field-bytes{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.empty-note{color:var(--text-faint);font-style:italic}.hex-dump{font-family:var(--mono);font-size:.78rem;line-height:1.55;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .6rem;max-height:26rem;overflow-x:auto;overflow-y:auto;position:relative}.hex-dump-sizer{position:relative}.hex-row{position:absolute;left:0;height:20px;display:flex;align-items:center;gap:.9rem;white-space:nowrap}.hex-offset{color:var(--text-faint);flex:none}.hex-bytes,.hex-ascii{display:flex;flex:none;align-self:stretch}.hex-byte,.ascii-char{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--text-soft);border-radius:2px;height:100%;display:inline-flex;align-items:center;justify-content:center}.hex-byte{width:1.55em;text-align:center}.ascii-char{width:.8em;text-align:center}.hex-byte:hover,.ascii-char:hover{background:var(--bg-active);color:var(--text)}.hex-byte.highlighted,.ascii-char.highlighted{background:var(--highlight);color:var(--highlight-text);font-weight:700;border-radius:0}.hex-byte.highlighted.run-start,.ascii-char.highlighted.run-start{border-top-left-radius:2px;border-bottom-left-radius:2px}.hex-byte.highlighted.run-end,.ascii-char.highlighted.run-end{border-top-right-radius:2px;border-bottom-right-radius:2px}.hex-byte.highlighted.run-solo,.ascii-char.highlighted.run-solo{border-radius:2px}.hex-byte.pad,.ascii-char.pad{cursor:default}.state-bar{display:flex;align-items:center;gap:.6rem;padding:.35rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-sunken);flex:none;overflow-x:auto}.pills{display:flex;gap:.35rem;list-style:none;margin:0;padding:0;flex:1;min-width:0}.pill{display:inline-flex;align-items:stretch;gap:0;border:1px solid var(--border-strong);border-radius:99px;overflow:hidden;font-size:.72rem;white-space:nowrap;background:var(--bg-panel)}.pill-label{display:flex;align-items:center;padding:.1rem .5rem .1rem .6rem;background:var(--bg-hover);color:var(--text-faint);font-size:.63rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border)}.pill-value{display:flex;align-items:center;padding:.1rem .6rem .1rem .5rem;font-family:var(--mono);font-size:.72rem;color:var(--text)}.pill.tone-ok{border-color:var(--c2s)}.pill.tone-ok .pill-label{background:var(--c2s-soft);color:var(--c2s);border-right-color:var(--c2s)}.pill.tone-ok .pill-value{color:var(--c2s)}.pill.tone-busy{border-color:var(--accent)}.pill.tone-busy .pill-label{background:var(--accent-soft);color:var(--accent-text);border-right-color:var(--accent)}.pill.tone-busy .pill-value{color:var(--accent)}.pill.tone-error{border-color:var(--error)}.pill.tone-error .pill-label{background:var(--error-soft);color:var(--error);border-right-color:var(--error)}.pill.tone-error .pill-value{color:var(--error);font-weight:600}.pill.tone-muted .pill-value{color:var(--text-faint)}.state-bar-more{flex:none;margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.15rem .45rem}.state-bar-more kbd{font-size:.65rem;padding:0 .2rem;border-bottom-width:1px}.drawer-backdrop{position:fixed;inset:0;background:#00000059;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(30rem,100vw);height:100%;background:var(--bg-panel);border-left:1px solid var(--border);box-shadow:-8px 0 24px #0000002e;display:flex;flex-direction:column;animation:drawer-in .14s ease-out}@keyframes drawer-in{0%{transform:translate(1.5rem);opacity:.6}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);flex:none}.drawer-head h2{font-size:.95rem}.drawer-sub{font-size:.72rem;color:var(--text-faint)}.drawer-scroll{overflow-y:auto;flex:1;min-height:0;padding:.75rem 1rem 2rem}.status-list{display:flex;flex-direction:column;gap:.6rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--border)}.status-item .pill{font-size:.78rem}.status-item .pill-label,.status-item .pill-value{padding-top:.12rem;padding-bottom:.12rem}.status-explain{margin:.3rem 0 0;font-size:.76rem;color:var(--text-soft);line-height:1.5}.group{margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.group:last-child{border-bottom:none;margin-bottom:0}.group-title{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.35rem}.rows{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:.85rem;row-gap:.1rem;align-items:baseline}.row{display:contents}.rows>:not(.row){grid-column:1 / -1}.row-label{font-size:.73rem;color:var(--text-faint)}.row-value{font-size:.78rem;overflow-wrap:anywhere}.drawer-note{margin:.35rem 0 0;font-size:.72rem;color:var(--text-faint);line-height:1.45}.theme-toggle{min-width:2rem;text-align:center;line-height:1}.landing-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem}.landing-actions a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}