:root{--bg: #fbf7f4;--paper-solid: #ffffff;--ink: #1a1a1a;--muted: #8a8a8a;--hint: #a59a96;--line: #ece0db;--rail: #f4e9e5;--red: #d94336;--red-deep: #b8392e;--red-pale: #fdeae6;--green: #1d9e75;--shadow: 0 24px 70px rgba(45, 24, 18, .1);--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font);background:radial-gradient(circle at 10% 8%,#ffe9e4 0,transparent 34%),radial-gradient(circle at 92% 0%,#edf6ff 0,transparent 32%),radial-gradient(circle at 82% 92%,#fff0e8 0,transparent 38%),linear-gradient(135deg,var(--bg) 0%,#fffdfb 52%,#f8eeeb 100%)}button,input{font:inherit}button{cursor:default}button:disabled{cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{min-height:100vh;width:calc(100% - 28px);margin:0 auto;display:grid;place-items:center;padding:28px 0}.app{width:100%;border-radius:26px;background:var(--paper-solid);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px 28px 26px}.mode-toggle,.passcode,.primary-btn,.status-line,.actions{max-width:460px;margin-left:auto;margin-right:auto}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:22px}.brand-logo{height:22px;width:auto;display:block;justify-self:start}.product{justify-self:center;position:relative;display:inline-block;padding-bottom:42px}.product-name{font-size:28px;font-weight:500;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;line-height:1}.heli-icon{position:absolute;bottom:0;left:50%;display:block;overflow:visible;animation:heli-fly 10s ease-in-out infinite}.heli-body{transform-box:fill-box;transform-origin:center;animation:heli-bob 10s ease-in-out infinite}.heli-rotor{transform-box:fill-box;transform-origin:center;animation:heli-rotor .2s linear infinite}.heli-cargo{transform-box:fill-box;transform-origin:center top;animation:heli-drop 10s ease-in-out infinite}@keyframes heli-rotor{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes heli-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4px)}}@keyframes heli-drop{0%{transform:translateY(0)}5%{transform:translateY(0)}14%{transform:translateY(18px)}23%{transform:translateY(18px)}30%{transform:translateY(0)}50%{transform:translateY(0)}55%{transform:translateY(0)}64%{transform:translateY(18px)}73%{transform:translateY(18px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes heli-fly{0%{transform:translate(calc(-50% - 135px))}32%{transform:translate(calc(-50% - 135px))}50%{transform:translate(calc(-50% + 135px))}82%{transform:translate(calc(-50% + 135px))}to{transform:translate(calc(-50% - 135px))}}@keyframes pop{0%{transform:scale(1)}28%{transform:scale(1.2)}60%{transform:scale(.95)}to{transform:scale(1)}}.pop{animation:pop .5s ease}.mode-toggle{display:flex;background:#f3efec;border-radius:12px;padding:4px;margin-bottom:20px}.mode-toggle button{flex:1;border:0;background:transparent;border-radius:9px;padding:11px;font-size:14px;font-weight:500;color:var(--muted)}.mode-toggle button.active{background:var(--ink);color:#fff}.passcode{text-align:center;margin-bottom:18px}.passcode-label{font-size:11px;color:var(--hint);letter-spacing:.12em;font-weight:500;margin-bottom:7px}.passcode-value{font-size:34px;font-weight:500;letter-spacing:.16em;color:var(--ink);display:inline-block}.passcode-input{width:100%;border:1px solid var(--line);border-radius:14px;text-align:center;font-size:28px;font-weight:500;letter-spacing:.14em;padding:13px;outline:0;background:#fff;color:var(--ink)}.passcode-input:focus{border-color:var(--red)}.passcode-copy{border:0;background:transparent;color:var(--hint);font-size:12px;font-weight:500;margin-top:9px;display:inline-flex;align-items:center;gap:5px}.primary-btn{display:block;width:100%;border:0;border-radius:14px;background:var(--red);color:#fff;padding:15px;font-size:15px;font-weight:500;margin-bottom:18px}.primary-btn:disabled{background:#f1ecea;color:#b3a8a3}.status-line{text-align:center;font-size:13px;color:var(--muted);margin-bottom:18px;min-height:17px}.status-line.err{color:var(--red)}.lanes{display:grid;gap:11px;margin-bottom:18px}.lane{border:.5px solid var(--line);border-radius:14px;padding:12px}.lane-top{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:9px;min-height:19px}.lane-file{display:flex;align-items:center;min-width:0;max-width:66%;font-size:12px;color:#3a3330}.lane-file>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-file>span:last-child{flex-shrink:0}.lane-check{position:absolute;top:50%;transform:translateY(-50%);color:var(--green);font-size:17px}.lane-check.left{left:1px}.lane-check.right{right:1px}.lane-row{display:flex;align-items:center;gap:8px}.lane-end{font-size:11px;flex-shrink:0;color:var(--muted)}.lane-end.snd{color:var(--red-deep);font-weight:500}.bar{flex:1;position:relative;height:58px;border-radius:12px;background:var(--rail);overflow:hidden}.bar-fill{position:absolute;top:0;height:100%;background:var(--red)}.bar-fill.l{left:0}.bar-fill.r{right:0}.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 8px;text-align:center}.bar-line{font-size:12.5px;font-weight:600;white-space:nowrap;line-height:1.2}.bar-sub{font-size:11px;font-weight:500;white-space:nowrap;line-height:1.2;opacity:.82}.bar-text.base{color:#c08379}.bar-text.over{color:#fff}.actions{display:flex;gap:10px}.actions button,.actions a{flex:1;border:0;border-radius:13px;padding:15px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;display:block}.btn-ghost{background:#f7f3f1;color:var(--ink);border:.5px solid var(--line)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-off{background:#f7f3f1;color:#b9aea9;border:.5px solid var(--line)}.footer{margin-top:18px;text-align:center;color:var(--hint);font-size:11px}@media(max-width:600px){.mode-toggle,.passcode,.primary-btn,.status-line,.actions{max-width:none}}@media(max-width:480px){.page{width:calc(100% - 20px);padding:16px 0}.app{padding:22px 16px;border-radius:24px}.product-name{font-size:16px}.mode-toggle button{padding:12px}.primary-btn{padding:16px;font-size:16px}.actions button,.actions a{padding:16px;font-size:15px}.passcode-value{font-size:36px}.bar{height:62px}.bar-line{font-size:12px}.bar-sub{font-size:10.5px}}