:root{--ink:#173f39;--accent:#11675b;--soft:#edf2e5;--paper:#f5f4eb;--border:#d5dfd1}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;overflow-wrap:anywhere}.container{max-width:1120px}h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;max-width:760px}h2{font-size:clamp(1.3rem,3vw,1.65rem);font-weight:750}h3{font-size:1.15rem;font-weight:700}p{line-height:1.7}.eyebrow{font-size:.78rem;letter-spacing:.13em;font-weight:800}.intro{font-size:1.08rem;max-width:800px}.notice{padding:18px;border-left:4px solid #8a9d49;background:#e8eedc;border-radius:6px;margin:20px 0}.card-panel{background:#fffef9;border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:20px;min-width:0}.muted{font-size:.9rem;color:#53645d}.use{font-size:.9rem;color:#53645d;margin-top:18px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{font-weight:600;font-size:.85rem;border:1px solid var(--border);white-space:normal}.btn{white-space:normal;min-height:44px;font-weight:650;border-radius:8px}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover,.btn-primary:focus{background:#0c5147;border-color:#0c5147}.btn-outline-dark{color:var(--ink);border-color:#7b8b80}.form-select{min-height:46px;width:100%;min-width:0}.form-label{font-weight:700}select,button,input{font:inherit}:focus-visible{outline:3px solid #d7aa33!important;outline-offset:3px}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls>.btn{flex:1 1 130px}.result{padding:12px;background:#e9f0e1;border-radius:9px;font-weight:700}.lanes{display:grid;gap:18px;margin:28px 0}.lane{min-width:0}.lane-name{font-weight:700;margin-bottom:6px}.track{height:28px;position:relative;border-bottom:2px solid #ccd8cd;background:linear-gradient(90deg,transparent 49.7%,#d8dfd2 50%,transparent 50.3%);margin:0 12px}.point{position:absolute;top:4px;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#9ba9a0;border:2px solid #fff;box-shadow:0 0 0 1px #586e64}.point.active{background:#f1bc45;box-shadow:0 0 0 2px #6f5520}.point.future{opacity:.25}.track-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#607066}.worker-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.worker-state{padding:14px;background:#edf3e8;border-radius:10px;min-width:0}.worker-state strong{display:block;margin-bottom:5px}.event-message{font-weight:750;margin:12px 0}pre{background:#123e37;color:#ebf8ee;border-radius:10px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.82rem;line-height:1.65;max-height:480px;overflow:auto}summary{cursor:pointer;font-weight:700;padding:14px 0;min-height:44px}#event-list{padding-left:22px}#event-list li{padding:7px 3px;line-height:1.6}#event-list li.current{background:#f8e7b5;border-radius:5px}#event-list time{font-variant-numeric:tabular-nums;font-weight:650}.form-range{height:32px}a{color:#096557}@media(max-width:600px){.container{padding-left:14px;padding-right:14px}.card-panel{padding:16px}.controls{display:grid;grid-template-columns:1fr 1fr}.controls .btn{font-size:.9rem}.worker-states{grid-template-columns:1fr}.worker-state{display:flex;justify-content:space-between;gap:12px}.worker-state strong{margin:0}.notice{padding:14px}pre{padding:12px}}@media(max-width:340px){.controls{grid-template-columns:1fr}.card-panel{padding:13px}.container{padding-left:10px;padding-right:10px}.worker-state{display:block}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}