:root{--bg-scene:#2b2336;--coral:#e86f52;--coral-deep:#cf5236;--cream:#fbeedd;--cream-well:#f1ddc6;--ink:#3a271c;--ink-soft:#9a7a64;--peach:#f7e6d2;--peach-deep:#f1d9bd;--clay:#dd9466;--clay-deep:#b86a3c;--clay-well:#f4ddc1;--bg-page:radial-gradient(120% 120% at 18% 0%, #faecda 0%, var(--peach) 46%, var(--peach-deep) 100%);--yarn-coral:#e8765a;--yarn-teal:#4fb39a;--yarn-gold:#f2b43d;--yarn-lilac:#b392d9;--acc-levels:var(--yarn-teal);--acc-simulator:var(--yarn-gold);--acc-catalog:var(--yarn-lilac);--ui-bg:#fbf6ef;--ui-surface:#ffffff;--ui-surface-2:#f5efe6;--ui-line:#ece3d6;--ui-ink:#33302b;--ui-ink-soft:#988f85;--ui-shadow:0 6px 18px rgba(70,52,33,.1);--ui-shadow-sm:0 3px 10px rgba(70,52,33,.08);--c-orange:#ff9d2e;--c-orange-deep:#f0871a;--c-orange-soft:#ffe7c9;--c-blue:#5b9bd5;--c-blue-soft:#d6e6f7;--c-green:#79c25a;--c-green-soft:#dbeecb;--c-red:#ff6f5e;--c-red-soft:#ffd9d2;--c-purple:#9b86df;--c-purple-soft:#e6dffa;--c-yellow:#ffc740;--c-yellow-soft:#fff0c4;--c-teal:#43c1a3;--c-teal-soft:#cdefe6;--c-pink:#ff8fb1;--radius:20px;--radius-pill:999px;--shadow:6px 8px 20px rgba(120,70,45,.22), -4px -5px 14px rgba(255,255,255,.55);--shadow-sm:3px 4px 10px rgba(120,70,45,.18);--shadow-in:inset 3px 4px 9px rgba(150,100,70,.3), inset -3px -3px 8px rgba(255,255,255,.55);--font-display:"Fredoka", ui-rounded, system-ui, sans-serif;--font-ui:"Nunito", system-ui, sans-serif;--z-scene:0;--z-chrome:10;--z-overlay:20;--z-modal:30}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-scene);color:var(--ink);font-family:var(--font-ui);font-weight:600;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;text-wrap:balance;margin:0}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.clay-card{background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;color:var(--ink)}.clay-btn{border:0;border-radius:var(--radius-pill);padding:12px 22px;font-family:var(--font-display);font-weight:600;font-size:15px;background:var(--ink);color:var(--cream);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.clay-btn:hover{background:var(--coral-deep)}.clay-btn:active{box-shadow:var(--shadow-in);transform:translateY(1px)}.clay-btn:focus-visible{outline:3px solid var(--yarn-gold);outline-offset:2px}.clay-input{border:0;border-radius:14px;padding:12px 16px;width:100%;background:var(--cream-well);box-shadow:var(--shadow-in);color:var(--ink);font-family:var(--font-ui);font-weight:700;font-size:15px}.clay-input:focus-visible{outline:3px solid var(--yarn-gold);outline-offset:2px}.clay-label{font-size:13px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.topbar{position:absolute;top:0;left:0;right:0;z-index:var(--z-chrome);display:flex;align-items:center;justify-content:space-between;padding:18px 24px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffd9a0,var(--yarn-coral) 70%);box-shadow:var(--shadow-sm),inset -3px -3px 6px #963c2866}.brand-name{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--cream);letter-spacing:.01em}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--cream);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s ease}.icon-btn:hover{transform:translateY(-1px)}.icon-btn:focus-visible{outline:3px solid var(--yarn-gold);outline-offset:2px}.bottombar{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:var(--z-chrome);display:flex;gap:10px;padding:8px;background:#3a271c33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill)}.tag{display:flex;align-items:center;gap:9px;border:0;cursor:pointer;padding:11px 20px 11px 16px;border-radius:var(--radius-pill);background:var(--cream);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:15px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.tag:hover{transform:translateY(-3px)}.tag:focus-visible{outline:3px solid var(--yarn-gold);outline-offset:2px}.tag .dot{width:11px;height:11px;border-radius:50%;background:var(--tag-accent, var(--yarn-coral));box-shadow:inset -1px -1px 2px #00000040}.tag .ic{display:grid;place-items:center;color:var(--tag-accent, var(--ink))}.tag.is-active{box-shadow:var(--shadow);transform:translateY(-3px);background:var(--tag-accent);color:#fff}.tag.is-active .dot{background:#fff}.tag.is-active .ic{color:#fff}.hover-chip{position:absolute;top:78px;left:50%;transform:translate(-50%) translateY(-6px);z-index:var(--z-overlay);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--cream);color:var(--ink);padding:10px 18px;border-radius:16px;box-shadow:var(--shadow);opacity:0;transition:opacity .16s ease,transform .16s ease}.hover-chip.show{opacity:1;transform:translate(-50%) translateY(0)}.hover-chip .t{font-family:var(--font-display);font-weight:600;font-size:16px}.hover-chip .d{font-size:12.5px;font-weight:700;color:var(--ink-soft)}.yarn-logo{width:34px;height:34px;display:block;transform-origin:50% 50%;filter:drop-shadow(2px 3px 4px rgba(120,70,45,.3));animation:yarn-roll 7s linear infinite}@keyframes yarn-roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidepanel{position:absolute;top:84px;left:28px;width:330px;max-width:34vw;z-index:var(--z-overlay);display:flex;flex-direction:column;gap:16px;pointer-events:auto}.clock-block{color:var(--cream);text-shadow:0 2px 10px rgba(15,45,75,.45)}.clock-time{display:flex;align-items:baseline;gap:5px;font-family:var(--font-display)}.clock-hm{font-size:56px;font-weight:600;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}.clock-ss{font-size:19px;font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.clock-date{display:flex;flex-direction:column;margin-top:6px}.clock-day{font-family:var(--font-display);font-weight:600;font-size:21px}.clock-full{font-size:14px;font-weight:700;color:#ffffffd1}.panel-card{background:var(--cream);border-radius:18px;box-shadow:var(--shadow);padding:16px 18px;color:var(--ink)}.quote-card{position:relative}.quote-mark{position:absolute;top:20px;left:13px;font-family:var(--font-display);font-size:42px;line-height:0;color:var(--yarn-coral);opacity:.5}.quote-text{font-family:var(--font-display);font-weight:500;font-size:16px;line-height:1.42;margin:4px 0 8px;padding-left:20px}.quote-author{margin:0;text-align:right;font-size:13px;font-weight:800;color:var(--ink-soft)}.monitor-card{display:flex;flex-direction:column}.monitor-head{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink)}.monitor-head .status-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:var(--ink-soft)}.status-dot.is-ok{background:#2fb457;box-shadow:0 0 0 3px #2fb45738}.status-dot.is-down{background:#e8503a;box-shadow:0 0 0 3px #e8503a38}.stat-list{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:9px}.stat-list li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--ink-soft)}.stat-list li svg{color:var(--yarn-coral);flex:0 0 auto}.stat-list li b{margin-left:auto;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.tasks-block{border-top:1px solid rgba(154,122,100,.25);padding-top:11px}.tasks-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.tasks-empty{margin:0;font-size:13px;font-weight:700;color:var(--ink-soft)}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.task-list li{font-size:13px;font-weight:700;color:var(--ink);background:var(--cream-well);border-radius:8px;padding:5px 9px}.scene-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:translateY(-6px);font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--ink);background:var(--cream);padding:4px 11px;border-radius:11px;box-shadow:var(--shadow-sm);position:relative}.scene-label:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--cream);border-bottom:0}.overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:var(--z-modal)}.page-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;background:var(--ui-bg);color:var(--ui-ink)}.page-main{flex:1;min-width:0;position:relative;overflow:auto}.levels-body{padding:26px 30px 38px}.page-shell .clay-input{background:var(--ui-surface-2);color:var(--ui-ink);box-shadow:none;border:1px solid var(--ui-line)}.page-shell .clay-input:focus-visible{outline:3px solid var(--c-orange);outline-offset:1px}.page-shell .clay-label{color:var(--ui-ink-soft)}.page-shell .clay-btn{background:var(--c-orange);color:#fff;box-shadow:var(--ui-shadow-sm)}.page-shell .clay-btn:hover{background:var(--c-orange-deep)}.page-shell .clay-btn:focus-visible{outline:3px solid var(--c-orange);outline-offset:2px}.rail{flex:0 0 250px;width:250px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 16px;background:var(--ui-surface);border-right:1px solid var(--ui-line);box-shadow:2px 0 16px #4634210f}.rail-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 4px}.rail-brand-name{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ui-ink)}.rail-nav{display:flex;flex-direction:column;gap:6px}.rail-section{margin:2px 8px 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-ink-soft)}.rail-link{display:flex;align-items:center;gap:11px;border:0;cursor:pointer;text-align:left;padding:10px 12px;border-radius:14px;background:transparent;color:var(--ui-ink);font-family:var(--font-display);font-weight:600;font-size:15px;transition:background .15s ease,color .15s ease}.rail-link:hover{background:var(--ui-surface-2)}.rail-link:focus-visible{outline:3px solid var(--c-orange);outline-offset:2px}.rail-link-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--link-accent) 18%,#fff);color:var(--link-accent);transition:background .15s ease,color .15s ease}.rail-link.is-active{background:var(--c-orange);color:#fff;box-shadow:var(--ui-shadow-sm)}.rail-link.is-active .rail-link-ic{background:#ffffff47;color:#fff}.rail-signout{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;padding:11px;border-radius:12px;background:var(--ui-surface-2);color:var(--ui-ink-soft);font-family:var(--font-ui);font-weight:800;font-size:13px;transition:color .15s ease}.rail-signout:hover{color:var(--c-red)}.rail-signout:focus-visible{outline:3px solid var(--c-orange);outline-offset:2px}.rail .panel-card,.rail .monitor-card{background:var(--ui-surface-2);border:1px solid var(--ui-line);box-shadow:none;color:var(--ui-ink)}.rail .monitor-head{color:var(--ui-ink)}.rail .stat-list li{color:var(--ui-ink-soft)}.rail .stat-list li b{color:var(--ui-ink)}.rail .stat-list li:nth-child(1) svg{color:var(--c-blue)}.rail .stat-list li:nth-child(2) svg{color:var(--c-green)}.rail .stat-list li:nth-child(3) svg{color:var(--c-orange)}.rail .stat-list li:nth-child(4) svg{color:var(--c-purple)}.rail .stat-list li:nth-child(5) svg{color:var(--c-pink)}.rail .tasks-block{border-top:1px solid var(--ui-line)}.rail .tasks-head,.rail .tasks-empty{color:var(--ui-ink-soft)}.rail .task-list li{background:var(--ui-surface);color:var(--ui-ink)}.page-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--ui-ink)}.page-sub{font-size:13px;font-weight:700;color:var(--ui-ink-soft)}.levels-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow-sm);padding:12px 14px}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.level-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow);padding:14px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;position:relative}.level-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #46342124}.level-card.is-selected{outline:3px solid var(--c-orange)}.level-card__check{position:absolute;top:12px;left:12px;width:18px;height:18px;cursor:pointer;z-index:1;accent-color:var(--c-orange)}.level-card__viz{aspect-ratio:3 / 4;background:var(--peach);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 4px #785a3729}.level-card__head{display:flex;align-items:flex-start;justify-content:space-between;margin-top:10px;gap:8px}.level-card__name{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ui-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-card__tags{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.level-card__tags .diff-pill{font-size:11px;padding:2px 9px;text-align:center}.level-card__dots{display:flex;gap:4px;margin:6px 0;min-height:11px}.level-card__dots .dot{width:11px;height:11px;border-radius:50%;box-shadow:inset -1px -1px 2px #0003}.level-card__meta{font-size:12.5px;font-weight:700;color:var(--ui-ink-soft)}.diff-pill{color:#fff;font-family:var(--font-display);font-weight:600;font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}.level-detail{padding:22px 30px 38px;display:flex;gap:24px;flex-wrap:wrap}.level-detail__viz{flex:1 1 420px;min-height:60vh;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow);padding:16px}.level-detail__panel{flex:0 1 320px;display:flex;flex-direction:column;gap:14px}.level-detail__panel .panel-card{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-sm);color:var(--ui-ink)}.metric-row{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:var(--ui-ink-soft)}.metric-row b{color:var(--ui-ink)}.inspector{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow-sm);padding:16px 18px;display:flex;flex-direction:column;gap:8px;color:var(--ui-ink)}.inspector__title{font-family:var(--font-display);font-size:18px;color:var(--ui-ink)}.inspector__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.inspector__danger{background:var(--c-red);margin-top:6px}.inspector__danger:hover{background:#e85a49}.inspector__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;box-shadow:inset -1px -1px 2px #0000002e}.swatch.is-on{border-color:var(--ui-ink);outline:2px solid var(--c-orange)}.inspector__check{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ui-ink)}.sim-curve{display:block;background:var(--ui-card, #fff);border-radius:10px}.replay__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.seg{display:inline-flex;border:1px solid var(--ui-line);border-radius:8px;overflow:hidden}.seg button{padding:4px 12px;border:0;background:transparent;cursor:pointer}.seg .seg-on{background:var(--c-purple, #8b5cf6);color:#fff;font-weight:700}.board-frame{display:flex;gap:18px;align-items:flex-end;padding:10px;background:var(--ui-bg-soft, #faf8f3);border-radius:10px}.board-frame__containers{display:flex;gap:8px}.bf-stack{display:flex;flex-direction:column-reverse;gap:2px}.bf-cell{width:18px;height:13px;border-radius:2px}.board-frame__tunnel{flex:1}.bf-pipe{display:flex;gap:3px;margin-top:3px}.bf-ball{width:16px;height:16px;border-radius:50%}.sim-layout{display:flex;overflow:hidden}.sim-list{flex:0 0 260px;display:flex;flex-direction:column;gap:10px;padding:18px 14px;border-right:1px solid var(--ui-line);overflow-y:auto;background:var(--ui-surface)}.sim-list__items{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.sim-list__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface-2);color:var(--ui-ink);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,transform .12s ease}.sim-list__row:hover{transform:translateY(-1px);background:var(--ui-surface)}.sim-list__row.is-active{background:var(--c-green);color:#fff;border-color:transparent}.sim-pane{flex:1;min-width:0;overflow:auto;padding:22px 30px 38px}.sim-empty{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:var(--ui-ink-soft);font-weight:700}.sim-view{display:flex;flex-direction:column;gap:14px;max-width:660px}.sim-view .panel-card{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-sm);color:var(--ui-ink)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.catalog-card{display:flex;flex-direction:column;gap:10px;padding:14px}.catalog-card__open{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:8px}.catalog-card__name{color:var(--ui-ink)}.catalog-card__stats{display:flex;justify-content:space-between;color:var(--ui-ink-soft);font-size:13px}.catalog-card__actions{display:flex;gap:8px}.diff-curve{background:var(--ui-surface-2);border-radius:10px;max-width:100%;height:auto}.catalog-detail{display:flex;flex-direction:column;gap:16px}.catalog-detail__head{display:flex;align-items:center;gap:12px}.catalog-detail__name{max-width:280px;font-weight:700}.catalog-detail__chart{display:grid;place-items:center}.catalog-detail__chart .diff-curve{width:100%;max-width:760px;padding:6px}.catalog-detail__actions{display:flex;gap:8px;flex-wrap:wrap}.catalog-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.catalog-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px}.catalog-row--missing{border-color:var(--c-red)}.catalog-row__pos{color:var(--ui-ink-soft);font-variant-numeric:tabular-nums}.catalog-row__open{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;min-width:0}.catalog-row__open--missing{cursor:default;opacity:.7}.catalog-row__open:not(.catalog-row__open--missing):hover .catalog-row__name{color:var(--c-purple)}.catalog-row__thumb{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;overflow:hidden}.catalog-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-row__ops{display:inline-flex;gap:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e1473;display:grid;place-items:center;z-index:var(--z-modal)}.modal-card{width:min(560px,92vw);max-height:84vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center}.picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.picker-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--ui-line);border-radius:10px}.picker-pick{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px}