:root{--g: #0f6b4f;--g-soft: #e5f3ee;--ink: #1c2420;--mut: #5d6a63;--line: #d5ddd9;--bad: #b3261e;--warn: #8a5a00;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;background:#f6f8f7;overflow-x:hidden}.shell{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.brand{font-weight:700;color:var(--g);text-decoration:none;font-size:18px}.bar-right{display:flex;gap:8px;align-items:center}.page{padding:16px}h1{font-size:22px;margin:4px 0 12px}h2{font-size:16px;margin:20px 0 8px}p{line-height:1.5;margin:8px 0}.hint,.muted{color:var(--mut);font-size:14px}.ok{color:var(--g);background:var(--g-soft);padding:10px 12px;border-radius:8px;font-size:14px}.error{color:var(--bad);background:#fdecea;padding:10px 12px;border-radius:8px;font-size:14px}.warn{color:var(--warn);background:#fff4e0;padding:10px 12px;border-radius:8px;font-size:14px}label{display:block;font-weight:600;margin:12px 0 4px}input{width:100%;font-size:18px;padding:12px;border:1px solid var(--line);border-radius:10px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7cc3a8;outline-offset:2px}.btn{display:block;width:100%;text-align:center;text-decoration:none;font-size:17px;font-weight:600;padding:14px;margin-top:16px;border:0;border-radius:12px;background:var(--g);color:#fff;min-height:48px}.btn.secondary{background:var(--g-soft);color:var(--g)}.btn.big{font-size:19px;padding:16px}.btn:disabled{opacity:.45}.link{background:none;border:0;color:var(--g);font-size:15px;padding:10px 6px;min-height:44px}.lang{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;min-height:36px;font-weight:600}.row{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.steps{padding-left:22px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-size:16px;min-height:44px}.chip.on{background:var(--g);color:#fff;border-color:var(--g)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pocket{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 4px;min-height:64px;font-size:16px}.pocket small{color:var(--mut)}.pocket.on{background:var(--g-soft);border:2px solid var(--g)}.pocket:disabled{background:#eef1ef;color:#99a39e}.cabinet{font-size:17px}.status{border-radius:14px;padding:8px 16px;font-size:18px;border:2px solid var(--line)}.status.opening{border-color:#e0b44c;background:#fff8e6}.status.opened{border-color:var(--g);background:var(--g-soft)}.status.closed{border-color:var(--line)}.status.failed{border-color:var(--bad);background:#fdecea}.list{list-style:none;padding:0;margin:12px 0}.list li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}.tag{align-self:flex-start;font-size:12px;padding:2px 8px;border-radius:999px;background:#eef1ef}.tag.active{background:var(--g-soft);color:var(--g)}
