:root{--bg:#edf2f6;--surface:#fff;--surface-2:#f5f8fb;--line:#d6e0e9;--line-soft:#e7edf2;--fg:#193247;--muted:#617589;--accent:#1268b3;--accent-strong:#0b528f;--accent-soft:#e9f3fb;--ok:#1d7a43;--ok-soft:#edf8f0;--bad:#b3261e;--bad-soft:#fff0ef;--warn:#7a6027;--warn-soft:#fff6df;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}.wrap{max-width:920px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line-soft)}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:2px}h1{font-size:21px}.lang{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.lang button{border:0;background:transparent;padding:6px 12px;cursor:pointer;font-weight:700;font-size:13px;color:var(--muted)}.lang button[aria-pressed=true]{background:var(--accent);color:#fff}.content{padding:0}.content>h2,.content>p,.content>.row,.content>.err,.content>.ok,.content>.term,.content>.warn{margin:16px 24px}ol{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 14px;padding:16px 24px;border-bottom:1px solid var(--line-soft)}.step.todo{background:var(--surface-2)}.num{width:28px;height:28px;border-radius:6px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.step.on .num{background:var(--accent);color:#fff}.step.done .num{background:var(--ok-soft);color:var(--ok)}.step.todo .num{background:transparent;border:1px solid var(--line);color:var(--muted)}.main{min-width:0}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}.head h2{font-size:16px}.step.todo h2{color:var(--muted);font-weight:600}.sum{padding-top:2px}.body{padding:14px 0 4px;display:flex;flex-direction:column;gap:16px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:10px 18px;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;color:var(--fg);display:inline-flex;align-items:center;width:fit-content}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.link{border:0;background:transparent;color:var(--accent);font-weight:600;cursor:pointer;padding:2px 0;font-size:14px}.link:hover{text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #77b8e6;outline-offset:2px}.service{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);padding:14px 16px;border-radius:8px}.service>div{flex:1;min-width:220px}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.term{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px}.cal{border-right:1px solid var(--line-soft);padding-right:24px}.calhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.arrow{width:34px;height:34px;border-radius:6px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:18px}.arrow:disabled{visibility:hidden}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 0;text-align:center}.dow{padding-bottom:6px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase}.day{border:0;background:transparent;width:36px;height:36px;border-radius:6px;margin:auto;font-size:15px;font-weight:600;cursor:pointer}.day:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.day:disabled{color:var(--muted);opacity:.4;font-weight:400;cursor:default}.day.sel{background:var(--accent);color:#fff}.times{min-width:0}.times h3{font-size:15px;margin-bottom:12px}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.slot{border:1px solid var(--accent);color:var(--accent);background:var(--surface);padding:10px 0;font-size:15px;font-weight:700;cursor:pointer;border-radius:6px}.slot:hover{background:var(--accent-soft)}.slot.sel{background:var(--accent);color:#fff}.form{display:flex;flex-direction:column;gap:14px;max-width:440px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:14px}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--surface);font-size:16px}.phone{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--accent)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.label{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.err{color:var(--bad);background:var(--bad-soft);padding:10px 12px;border-radius:6px;font-size:14px}.ok{color:var(--ok);background:var(--ok-soft);padding:10px 12px;border-radius:6px}.warn{color:var(--warn);background:var(--warn-soft);padding:10px 12px;border-radius:6px}.finished{text-align:center;padding:28px 24px;display:flex;flex-direction:column;gap:10px;align-items:center}.finished .row{justify-content:center}.tick{width:52px;height:52px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.big{font-size:20px;font-weight:700}.rules{font-size:12px;color:var(--muted);padding:12px 24px;background:var(--surface-2);border-top:1px solid var(--line-soft)}.modal-bg{position:fixed;inset:0;background:#0b233c99;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:var(--surface);border-radius:10px;padding:22px;max-width:600px;width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal dl{margin:0;font-size:14px}.modal dt{font-weight:700;margin-top:10px}.modal dd{margin:0;color:var(--muted)}@media(max-width:720px){.top,.step,.rules{padding-left:16px;padding-right:16px}.content>h2,.content>p,.content>.row,.content>.err,.content>.ok,.content>.term,.content>.warn{margin:14px 16px}.term{grid-template-columns:1fr;gap:18px}.cal{border-right:0;padding-right:0;border-bottom:1px solid var(--line-soft);padding-bottom:14px}.day{width:34px;height:34px}}fieldset.field{border:0;padding:0;margin:0;min-width:0}fieldset.field legend{padding:0;margin-bottom:6px}.dmy{display:grid;grid-template-columns:5.5em 1fr 5.5em;gap:8px}.field small{display:block;margin-top:4px}
