:root{--ink: #12232b;--ink-2: #4a5a63;--ink-3: #7b8a93;--paper: #ffffff;--paper-2: #f4f6f7;--rule: #dde3e6;--rule-strong: #c3ccd1;--brand: #4c209e;--brand-dark: #441c8e;--brand-ink: #ffffff;--accent: #4c209e;--accent-ink: #ffffff;--accent-soft: #efe9f9;--free: #3f9e78;--free-soft: #e4f2ec;--half: #b07d1c;--half-soft: #f8efdc;--taken: #b5574a;--taken-soft: #f7e7e4;--blocked: #98a3aa;--blocked-soft: #eef1f2;--mine: #2f6fb0;--mine-soft: #e5eef7;--radius: 8px;--radius-lg: 14px;--shadow: 0 1px 2px rgb(18 35 43 / .06), 0 4px 14px rgb(18 35 43 / .05);--tap: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:400 15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper-2);-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;font-weight:550;letter-spacing:-.012em}h1{font-size:19px}h2{font-size:15px}h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-weight:600}p{margin:0}button{font:inherit;font-variant-numeric:tabular-nums;color:inherit;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:8px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--rule-strong)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.quiet{border-color:transparent;background:transparent}button.danger{color:var(--taken)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-rows:auto 1fr;min-height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:0 18px;background:var(--brand);color:var(--brand-ink);min-height:calc(54px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.topbar .wordmark{font-size:16px;font-weight:600;letter-spacing:-.015em}.topbar .spacer{flex:1}.topbar nav{display:flex;gap:4px}.topbar nav a{text-decoration:none;color:#ffffffc7;padding:6px 12px;border-radius:999px;font-size:14px}.topbar nav a:hover{color:#fff;background:#ffffff1a}.topbar nav a[aria-current=page]{background:#ffffff2e;color:#fff;font-weight:500}.topbar .who{font-size:13px;color:#ffffffbf}.topbar button{background:transparent;border-color:#ffffff4d;color:#ffffffe6;padding:5px 11px;font-size:13px}.topbar button:hover{border-color:#fff9;background:#ffffff1a}@media(max-width:560px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar .who{display:none}.topbar .wordmark{font-size:15px}.topbar nav a{padding:6px 10px}.topbar button{padding:5px 9px;font-size:12px}}.page{padding:16px;max-width:1240px;margin:0 auto;width:100%}.page.fill{min-height:calc(100vh - 54px - env(safe-area-inset-top,0px));display:grid;gap:14px;align-content:start}main{padding-bottom:env(safe-area-inset-bottom,0px)}.page.step{display:grid;gap:12px;align-content:start}.step-head{display:flex;align-items:center;gap:10px;padding:2px 0}.step-head .step-title{font-weight:550;flex:1}.step-head button{padding:6px 8px}.step-head select{font-size:13px}button.big{width:100%;padding:13px;font-size:15px;font-weight:500;border-radius:var(--radius-lg)}@media(max-width:860px){.page.step .map-wrap{max-height:56vh}.page.step .list{max-height:56vh;overflow-y:auto}.page.step button.usual{font-size:13px;padding:6px 10px;white-space:nowrap}button.usual[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}@media(max-width:560px){button.usual{padding:6px 8px}}.segmented{width:100%;justify-self:stretch}.page.step .segmented button{flex:1;padding:9px 12px}}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spine{display:grid;gap:8px}.spine-head{display:flex;align-items:center;justify-content:space-between}.spine-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.day{display:grid;gap:3px;justify-items:center;padding:9px 4px 8px;min-height:var(--tap);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;position:relative}.day:hover:not(:disabled){border-color:var(--rule-strong)}.day[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.day:disabled{background:var(--paper-2);color:var(--ink-3);cursor:default}.day .num{font-size:19px;line-height:1.1;font-weight:500}.day .name{font-size:11px;color:var(--ink-3)}.day .marks{display:flex;gap:3px;height:6px;margin-top:1px}.day .mark{width:6px;height:6px;border-radius:50%;background:var(--rule-strong)}.day .mark.on{background:var(--mine)}.day .mark.parking.on{background:var(--free)}.day.is-today .num{text-decoration:underline;text-underline-offset:3px}.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.count{padding:9px 11px;border-radius:var(--radius);background:var(--paper-2)}.count .n{font-size:17px;font-weight:550}.count .k{font-size:11px;color:var(--ink-3)}.count.free .n{color:var(--free)}.count.half .n{color:var(--half)}.count.taken .n{color:var(--taken)}.map-wrap{position:relative;overflow:auto;background:var(--paper-2);border-radius:var(--radius)}@media(min-width:861px){.map-wrap{min-height:min(58vh,520px)}}.map-inner{position:relative;width:max-content;margin:0 auto}.map-inner img{display:block;max-width:none}.spot{position:absolute;transform:translate(-50%,-50%);width:15px;height:15px;padding:0;border-radius:50%;border:2px solid var(--paper);box-shadow:0 1px 3px #12232b59;cursor:default}.spot:not(:disabled){cursor:pointer}.spot:hover:not(:disabled),.spot:focus-visible{z-index:5}.spot .tip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);display:none;z-index:6;padding:3px 8px;border-radius:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #12232b40}.spot .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--ink)}.spot .tip .who{font-weight:400;opacity:.75}.spot:hover .tip,.spot:focus-visible .tip{display:block}.spot.mine .tip,.spot.chosen .tip{display:block}.spot.free{background:var(--free)}.spot.am_free,.spot.pm_free{background:var(--half)}.spot.taken{background:var(--taken)}.spot.blocked,.spot.reserved{background:var(--blocked)}.spot.mine{background:var(--mine)}.spot.chosen{background:var(--accent);transform:translate(-50%,-50%) scale(1.5);z-index:4}.spot.mine{box-shadow:0 0 0 3px var(--mine-soft),0 1px 3px #12232b59}.spot:disabled{opacity:.8}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:5px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.list{display:grid}.list-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--rule);min-height:var(--tap);text-align:left;width:100%;background:transparent;border-left:0;border-right:0;border-top:0;border-radius:0}.list-row:last-child{border-bottom:0}.list-row:hover:not(:disabled){background:var(--paper-2)}.list-row .label{font-weight:500;min-width:52px}.list-row .meta{color:var(--ink-3);font-size:13px;flex:1}.pill{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:500}.pill.free{background:var(--free-soft);color:var(--free)}.pill.half{background:var(--half-soft);color:var(--half)}.pill.taken{background:var(--taken-soft);color:var(--taken)}.pill.blocked{background:var(--blocked-soft);color:var(--ink-2)}.pill.mine{background:var(--mine-soft);color:var(--mine)}.panel{padding:14px;display:grid;gap:12px;align-content:start}.held{display:grid;gap:1px;background:var(--rule);border-radius:var(--radius);overflow:hidden}.held-row{display:flex;align-items:center;gap:10px;padding:10px 11px;background:var(--mine-soft)}.held-row svg{flex:none;color:var(--mine)}.held-row .pair{display:grid;gap:1px;flex:1;min-width:0}.held-row .v{font-weight:500}.held-row .k{font-size:11px;color:var(--ink-3)}.held-row button{padding:4px 10px;font-size:12px}.facts{display:grid;gap:1px;background:var(--rule);border-radius:var(--radius);overflow:hidden}.fact{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--paper)}.fact svg{flex:none;color:var(--ink-3)}.fact .v{font-weight:500}.fact .k{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em}.fact .pair{display:grid;gap:1px;min-width:0;flex:1}.fact-select{font:inherit;font-weight:500;color:inherit;background:transparent;border:0;padding:0 18px 0 0;border-radius:4px;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:right 6px top 8px,right 1px top 8px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.fact-select:hover{color:var(--accent)}.fact-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.usual{font-size:13px;padding:6px 10px;white-space:nowrap}button.usual[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}@media(max-width:560px){button.usual{padding:6px 8px}}.segmented{display:inline-flex;background:var(--paper-2);border-radius:var(--radius);padding:2px;justify-self:start}.segmented button{border:0;background:transparent;padding:6px 12px;font-size:14px;border-radius:6px}.segmented button[aria-pressed=true]{background:var(--paper);box-shadow:var(--shadow);font-weight:500}.notice{padding:10px 12px;border-radius:var(--radius);background:var(--taken-soft);color:var(--taken);font-size:14px}.muted{color:var(--ink-3);font-size:13px}.center{display:grid;place-content:center;gap:12px;text-align:center;padding:60px 20px}.book-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:14px;align-items:start}@media(max-width:860px){.book-layout{grid-template-columns:minmax(0,1fr)}.page{padding:12px}.counts{grid-template-columns:repeat(2,minmax(0,1fr))}.book-layout>.panel-slot{order:-1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}