.rail{display:flex;flex-direction:column;gap:2px;padding:var(--gap) calc(var(--u) * 2);overflow-y:auto;border-right:1px solid var(--line-soft);background:var(--surface)}.rail__item{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 2);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);transition:background calc(var(--dur-quick) * var(--motion-scale)) var(--ease-out)}.rail__item:hover{background:var(--paper-sunken)}.rail__item.active{background:var(--focus-wash)}.rail__thread{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px}.rail__dot{width:6px;height:6px;border-radius:50%;flex:none;margin-left:6px}.rail__text{display:flex;flex-direction:column;min-width:0}.rail__name{font-weight:500;font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__meta{font-size:var(--t-xs);color:var(--ink-faint)}.build-banner{position:fixed;left:50%;bottom:calc(var(--u) * 5);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 3);background:var(--surface-raised);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-lift);font-size:var(--t-sm)}.build-banner button{color:var(--focus);font-weight:600;white-space:nowrap}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);grid-template-rows:52px minmax(0,1fr);grid-template-areas:"head head" "rail main";height:100%}.shell__head{grid-area:head;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap);border-bottom:1px solid var(--line-soft);background:var(--surface)}.shell__brand{font-weight:700;font-size:var(--t-base);letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.shell__head-right{display:flex;align-items:center;gap:calc(var(--u) * 4)}.shell__who{font-size:var(--t-sm);color:var(--ink-faint);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__link{color:var(--ink-soft);text-decoration:none;font-size:var(--t-sm)}.shell__link:hover{color:var(--focus)}.shell__rail{grid-area:rail;min-height:0}.shell__main{grid-area:main;min-height:0;overflow:auto}.pad{padding:var(--gap)}.muted{color:var(--ink-soft)}.big{font-size:var(--t-xl);font-weight:600}.display{font-size:var(--t-xl);font-weight:700;letter-spacing:-.02em;margin:0 0 calc(var(--u) * 2)}.row{display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 3);border-bottom:1px solid var(--line-soft)}.row__thread{width:3px;height:1.1em;border-radius:2px;flex:none}.row__name{flex:1;min-width:0}.row__status{font-size:var(--t-xs);color:var(--ink-faint)}.stats{display:flex;gap:calc(var(--u) * 8);margin:calc(var(--u) * 6) 0 0}.stats dt{font-size:var(--t-sm);color:var(--ink-soft)}.stats dd{margin:0;font-size:var(--t-xl);font-weight:600}.choices{display:flex;flex-direction:column;gap:var(--u);max-width:34rem}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:calc(var(--u) * 3);text-align:left;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-raised);transition:border-color calc(var(--dur-quick) * var(--motion-scale)) var(--ease-out)}.choice--on{border-color:var(--focus);background:var(--focus-wash)}@media (max-width: 900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "rail" "main";grid-template-rows:52px auto minmax(0,1fr)}.shell__rail{max-height:30vh}}:root{--paper: #e6e9ee;--paper-sunken: #dce0e7;--surface: #f8f9fb;--surface-raised: #ffffff;--ink: #171a20;--ink-soft: #5b626e;--ink-faint: #8b93a1;--line: #c9cfd8;--line-soft: #dfe4ea;--focus: #2724d6;--focus-wash: #2724d612;--up: #12775a;--down: #a32b1c;--wait: #8a6a12;--mp-wildberries: #cb11ab;--mp-ozon: #005bff;--mp-yandex_market: #fc3f1d;--mp-aliexpress: #e62e04;--font-ui: "Golos Text", system-ui, sans-serif;--font-num: "JetBrains Mono", ui-monospace, monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-lg: 1.25rem;--t-xl: 1.875rem;--t-display: 3.25rem;--u: 4px;--gap: calc(var(--u) * 3);--radius: 10px;--radius-sm: 6px;--dur-instant: 90ms;--dur-quick: .18s;--dur-base: .32s;--dur-slow: .62s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--motion-scale: 1;--shadow-lift: 0 1px 2px #171a2010, 0 8px 24px -12px #171a2033;--shadow-drag: 0 2px 6px #171a2018, 0 24px 48px -16px #171a2040}@media (prefers-color-scheme: dark){:root{--paper: #14161b;--paper-sunken: #0f1115;--surface: #1b1e25;--surface-raised: #22262e;--ink: #e8ebf0;--ink-soft: #a3abb8;--ink-faint: #6c7484;--line: #333944;--line-soft: #272c35;--focus: #7b78ff;--focus-wash: #7b78ff1a;--up: #4bc79b;--down: #ff7a68;--wait: #d8b04a}}@media (prefers-reduced-motion: reduce){:root{--motion-scale: 0}}:root{--b-ink: #1a1712;--b-paper: #f7efd9;--b-paper-deep: #f0e3c4;--b-cocoa: #8a5f34;--b-cocoa-deep: #6f4b28;--b-pistachio: #d6d5bb;--b-pistachio-deep: #c3c2a4;--b-orange: #f26a1b;--b-cream: #fff8e8;--b-line: 3px;--b-line-thin: 2px;--b-shadow: 5px 5px 0 var(--b-ink);--b-shadow-sm: 3px 3px 0 var(--b-ink);--b-shadow-press: 1px 1px 0 var(--b-ink);--b-radius: 14px;--b-radius-pill: 999px;--font-display: "Unbounded", "Golos Text", system-ui, sans-serif;--font-brutal: "Rubik", "Golos Text", system-ui, sans-serif}.brick{border:var(--b-line) solid var(--b-ink);border-radius:var(--b-radius);box-shadow:var(--b-shadow);background:var(--b-paper)}.brick--pill{border-radius:var(--b-radius-pill)}.brick--flat{box-shadow:none}button.brick,.brick--press{transition:transform calc(var(--dur-instant) * var(--motion-scale)) var(--ease-out),box-shadow calc(var(--dur-instant) * var(--motion-scale)) var(--ease-out)}button.brick:active,.brick--press:active{transform:translate(4px,4px);box-shadow:var(--b-shadow-press)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-base);line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}::selection{background:var(--focus);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
