:root{--ink:#142a35;--muted:#526672;--paper:#f5f8fa;--surface:#fff;--line:#d8e2e8;--moss:#164ec1;--deep:#102c3c}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Manrope,Arial,sans-serif}a{color:var(--moss)}.shell{max-width:720px;margin:auto;padding:24px 18px 48px}.brand{letter-spacing:.02em;font-weight:800}.brand span{color:var(--moss)}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:22px}.eyebrow{color:var(--moss);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}h1{margin:10px 0;font-size:clamp(1.75rem,6vw,2.55rem);line-height:1.05}h2{margin:0 0 14px;font-size:1.15rem}p{color:var(--muted);line-height:1.5}.steps{gap:6px;margin:18px 0;display:flex;overflow:auto}.step{white-space:nowrap;color:var(--muted);background:#e7eef3;border-radius:99px;padding:7px 10px;font-size:.8rem}.step.active{background:var(--deep);color:#fff}.choices{gap:10px;display:grid}.choice,button{font:inherit;text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;padding:13px 14px}.choice:hover,.choice:focus{border-color:var(--moss);outline:2px solid #cbdcff}.choice.selected,button.primary{background:var(--moss);border-color:var(--moss);color:#fff}.actions{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.actions button{text-align:center;min-width:110px}button:disabled{opacity:.5;cursor:not-allowed}label{gap:6px;margin:12px 0;font-weight:700;display:grid}input{border:1px solid var(--line);font:inherit;border-radius:7px;padding:12px}.notice{color:#153a75;background:#edf4ff;border-radius:7px;padding:12px}.error{color:#9a2525;background:#fff0f0;border-radius:7px;padding:12px}.slot-grid{grid-template-columns:repeat(3,1fr)}.muted{color:var(--muted);font-size:.88rem}@media (max-width:420px){.shell{padding:16px 14px 32px}.card{padding:18px}.slot-grid{grid-template-columns:repeat(2,1fr)}}.demo-banner{color:#503700;text-align:center;background:#fff1c2;padding:12px 18px;font-size:.9rem;font-weight:700}.owner-shell{max-width:1080px}.owner-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.owner-header h1{margin:4px 0 0}.owner-tabs{gap:8px;padding:18px 0 3px;display:flex;overflow-x:auto}.owner-tabs button{white-space:nowrap}.owner-tabs button.selected{background:var(--deep);border-color:var(--deep);color:#fff}.owner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.owner-grid label{min-width:0}.owner-grid input,.owner-grid select,.owner-shell select,.owner-shell input{width:100%;min-width:0}.owner-shell select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:7px;padding:12px}.owner-shell .choice{overflow-wrap:anywhere}.hour-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.hour-row button{padding:6px 10px}.owner-shell .actions{flex-wrap:wrap}@media (max-width:600px){.owner-grid{grid-template-columns:1fr}.owner-header{align-items:center}.owner-header button{padding:9px}}.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0;display:grid}.calendar-days button{text-align:center;gap:4px;min-width:0;padding:9px 4px;display:grid}.calendar-days button span{font-size:.74rem}.calendar-days button strong{font-size:1.2rem}.calendar-days button.selected{background:var(--deep);border-color:var(--deep);color:#fff}@media (max-width:650px){.calendar-days{grid-template-columns:repeat(4,minmax(0,1fr))}}.owner-check{align-items:center;gap:10px;display:flex}.owner-shell .owner-check input{width:auto}
