:root{--bg: #f6f7f6;--surface: #ffffff;--surface-2: #eff1f0;--surface-3: #e6e9e7;--line: #e2e5e3;--line-strong: #cdd2cf;--ink: #14171a;--muted: #5f6866;--muted-2: #8b9391;--accent: #0d6b60;--accent-hover: #0a5148;--accent-soft: #e2f1ee;--accent-line: #b9e0d9;--accent-ink: #08443d;--on-accent: #ffffff;--danger: #b3261e;--danger-soft: #f9e7e5;--ok: #157a4a;--ok-soft: #e2f2e9;--warn: #9a6700;--warn-soft: #f8efd8;--info: #2563eb;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--r-xs: 6px;--r-sm: 8px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--pill: 999px;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--shadow-sm: 0 1px 2px rgba(20, 23, 26, .05);--shadow: 0 1px 2px rgba(20, 23, 26, .05), 0 4px 12px -6px rgba(20, 23, 26, .1);--shadow-lg: 0 12px 32px -12px rgba(20, 23, 26, .22)}html[data-theme=dark]{--bg: #0d0f10;--surface: #16191a;--surface-2: #1c2021;--surface-3: #242829;--line: #2a2f30;--line-strong: #3a4041;--ink: #f2f3f2;--muted: #a6adab;--muted-2: #767e7c;--accent: #4cc7b8;--accent-hover: #6fd8ca;--accent-soft: #10312d;--accent-line: #1d4b45;--accent-ink: #8fe3d7;--on-accent: #06231f;--danger: #e07b74;--danger-soft: #341a18;--ok: #63c48d;--ok-soft: #12291d;--warn: #d9a85a;--warn-soft: #2e2513;--info: #7aa2f7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 16px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html{font-size:100%}@media(min-width:1600px){html{font-size:112.5%}}@media(min-width:2200px){html{font-size:125%}}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.015em;line-height:1.2}p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1em)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.t-display{font-size:1.9rem;font-weight:600;letter-spacing:-.025em;line-height:1.15}.t-h1{font-size:1.6rem;font-weight:600;letter-spacing:-.02em}.t-h2{font-size:1.2rem;font-weight:600}.t-h3{font-size:1rem;font-weight:600}.t-body{font-size:.875rem}.t-caption{font-size:.75rem;color:var(--muted)}.t-label{font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.muted{color:var(--muted)}.dim{color:var(--muted-2)}.container{max-width:720px;margin:0 auto;padding:0 var(--s4)}.container-wide{max-width:1240px;margin:0 auto;padding:0 var(--s4)}.stack{display:grid;gap:var(--s4)}.row{display:flex;align-items:center;gap:var(--s3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.grow{flex:1}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--on-accent);flex:none}.brand-mark svg{width:16px;height:16px}.brand-sub{display:block;font-size:.6875rem;font-weight:500;color:var(--muted-2);letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:var(--s1)}.nav a{font-size:.8125rem;font-weight:500;color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:var(--pill)}.nav a:hover{color:var(--ink);background:var(--surface-2)}.btn{--_h: 40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--_h);padding:0 18px;border-radius:var(--r);border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .08s ease}.btn svg{width:16px;height:16px;flex:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{--_h: 34px;padding:0 13px;font-size:.8125rem;border-radius:var(--r-sm)}.btn-lg{--_h: 48px;padding:0 24px;font-size:.9375rem}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--muted-2)}.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--surface);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.pad{padding:var(--s5)}.pad-sm{padding:var(--s4)}.divider{height:1px;background:var(--line);border:0}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--pill);font-size:.75rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.pill svg{width:13px;height:13px}.pill-accent{background:var(--accent-soft);color:var(--accent-ink)}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-line{background:transparent;border:1px solid var(--line-strong)}.stepper{display:flex;align-items:center;gap:6px;margin:var(--s5) 0 var(--s4)}.stepper .step{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted-2);font-weight:500}.stepper .step .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted-2);font-size:.6875rem;font-weight:700}.stepper .step.active{color:var(--accent-ink)}.stepper .step.active .dot{background:var(--accent);color:var(--on-accent)}.stepper .step.done .dot{background:var(--accent-soft);color:var(--accent-ink)}.stepper .bar{width:22px;height:1px;background:var(--line-strong)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:var(--s5) 0 var(--s3)}.section-head h2{font-size:1rem;font-weight:600}.section-head .hint{font-size:.8125rem;color:var(--muted-2)}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;cursor:pointer;position:relative;transition:border-color .14s ease,box-shadow .14s ease,transform .08s ease}.option:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.option:active{transform:translateY(1px)}.option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:var(--accent-soft)}.option .opt-icon{width:40px;height:40px;border-radius:var(--r);background:var(--surface-2);display:grid;place-items:center;color:var(--accent);flex:none}.option.selected .opt-icon{background:var(--surface)}.option .opt-icon svg{width:19px;height:19px}.option .opt-title{font-weight:600;font-size:.9375rem}.option .opt-meta{font-size:.8125rem;color:var(--muted);margin-top:1px}.option .opt-right{margin-left:auto;text-align:right}.option .opt-price{font-family:var(--mono);font-weight:600;font-size:.9375rem}.option .tick{width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;position:absolute;top:12px;right:12px}.option .tick svg{width:12px;height:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8125rem;font-weight:700;flex:none}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dates{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.date{flex:none;width:62px;padding:10px 0 9px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;position:relative;transition:border-color .14s,background .14s}.date:hover{border-color:var(--line-strong)}.date.selected{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.date .dow{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2)}.date.selected .dow{color:color-mix(in srgb,var(--on-accent) 78%,transparent)}.date .num{font-size:1.25rem;font-weight:600;font-family:var(--mono);line-height:1.1}.date .mon{font-size:.6875rem;color:var(--muted-2)}.date.selected .mon{color:color-mix(in srgb,var(--on-accent) 78%,transparent)}.date .today-dot{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.date.selected .today-dot{background:var(--on-accent)}.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.time{height:46px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--mono);font-size:.875rem;font-weight:500;color:var(--ink);display:grid;place-items:center;transition:border-color .14s,background .14s,color .14s}.time:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.time:disabled{background:var(--surface-2);color:var(--muted-2);cursor:not-allowed;text-decoration:line-through;opacity:.7}.time.selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.time.next{border-color:color-mix(in srgb,var(--ok) 34%,var(--line));background:var(--ok-soft);color:var(--ok)}.time-badge{display:block;font-size:.625rem;font-weight:700;letter-spacing:.04em}.ticket{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.ticket-head{padding:var(--s4) var(--s5);background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--s3)}.ticket-body{padding:6px var(--s5) var(--s5)}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);padding:9px 0;border-bottom:1px dashed var(--line)}.kv:last-child{border-bottom:0}.kv .k{font-size:.8125rem;color:var(--muted)}.kv .v{font-size:.875rem;font-weight:600;text-align:right}.kv .v.mono{font-variant-numeric:tabular-nums}.field{display:grid;gap:6px;margin-bottom:var(--s4)}.field>label{font-size:.8125rem;font-weight:600}.input{height:44px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);width:100%;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--muted-2)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field .help{font-size:.75rem;color:var(--muted-2)}.form-error{color:var(--danger);font-size:.8125rem}.empty{text-align:center;padding:var(--s7) var(--s4);color:var(--muted)}.empty .ei{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;margin:0 auto var(--s3);color:var(--muted-2)}.empty .ei svg{width:20px;height:20px}.spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:sk 1.2s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.spinner,.skeleton{animation-duration:2.4s}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:var(--r);font-size:.8125rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:60;animation:rise .2s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink) 42%,transparent);display:grid;place-items:center;z-index:50;padding:var(--s4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:var(--s5) 0 var(--s4);flex-wrap:wrap}.date-nav{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{color:var(--ink);border-color:var(--muted-2)}.icon-btn svg{width:16px;height:16px}.view-title{font-size:1.05rem;font-weight:600}.date-input{height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface)}.toolbar-actions{display:flex;align-items:center;gap:10px}.login-card{max-width:380px;margin:12vh auto 0;padding:var(--s6);display:grid;gap:var(--s3)}.login-card h2{margin:0;font-size:1.25rem}.login-card p{margin:0}.login-card .date-input{width:100%}.login-error{margin:0;color:var(--danger);font-size:.875rem}.staff-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:var(--s5) 0 var(--s3)}.staff-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);cursor:pointer;font:inherit;font-size:.8125rem;color:var(--muted)}.staff-chip:hover{border-color:var(--muted-2)}.staff-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:600}.staff-chip .cnt{font-family:var(--mono);font-size:.6875rem;color:var(--muted-2)}.staff-item{display:inline-flex;align-items:center;gap:2px}.staff-item .ics{display:inline-flex;padding:4px;color:var(--muted-2);border-radius:var(--r-sm)}.staff-item .ics:hover{color:var(--accent);background:var(--surface-2)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.day-board{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.day-board .gutter{background:var(--surface-2);position:relative}.day-board .gutter .hr{position:absolute;right:8px;transform:translateY(-50%);font-family:var(--mono);font-size:.6875rem;color:var(--muted-2)}.day-board .track{background:var(--surface);position:relative}.day-board .track .gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.event{position:absolute;box-sizing:border-box;border-radius:var(--r-sm);padding:.25rem 9px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));overflow:hidden;cursor:default}.event.confirmed{border-left-color:var(--info);background:color-mix(in srgb,var(--info) 12%,var(--surface))}.event.completed{border-left-color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,var(--surface))}.event.cancelled{opacity:.6;text-decoration:line-through;border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.event .et{font-family:var(--mono);font-size:.6875rem;line-height:.875rem;color:var(--muted)}.event .ec{display:flex;align-items:center;gap:5px;font-size:.75rem;line-height:.875rem;font-weight:600;min-width:0}.event .ec-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event .es{font-size:.6875rem;line-height:.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event.compact{display:flex;align-items:center;gap:6px;padding:.25rem .5rem}.event.compact .et{flex:none;font-size:.625rem}.event.compact .ec{flex:1}.event .eacts{display:flex;gap:4px;margin-top:5px}.event .eacts button{font-size:.6875rem;padding:2px 7px;height:24px;border-radius:var(--r-xs);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer}.event .eacts button:hover{border-color:var(--muted-2)}.event .eacts .danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.legend{display:flex;gap:var(--s4);margin-top:var(--s4);font-size:.75rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}details.outbox{margin-top:var(--s6);border-top:1px solid var(--line);padding-top:var(--s4)}details.outbox>summary{cursor:pointer;font-weight:600;font-size:.875rem;list-style:none;display:flex;align-items:center;gap:8px}details.outbox>summary::-webkit-details-marker{display:none}.note{padding:11px 0;border-bottom:1px solid var(--line);font-size:.8125rem}.note:last-child{border-bottom:0}.note .meta{font-size:.6875rem;color:var(--muted-2);margin-top:2px}.center{text-align:center}.big-check{width:60px;height:60px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;margin:0 auto var(--s4);box-shadow:0 0 0 8px var(--accent-soft)}.big-check svg{width:28px;height:28px}@media(max-width:700px){.container,.container-wide{padding:0 var(--s3)}.t-display{font-size:1.55rem}.day-board{grid-template-columns:48px minmax(0,1fr)}}.book-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}@media(min-width:980px){.book-shell{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.book-main{min-width:0}.book-summary{display:none}@media(min-width:980px){.book-summary{display:block;position:sticky;top:5.25rem}}.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.summary-card-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:.875rem}.summary-card-head svg{width:15px;height:15px;color:var(--accent)}.summary-card-body{padding:6px 18px 10px}.summary-card-body .kv .v.is-empty{color:var(--muted-2);font-weight:500}.summary-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:4px;border-top:1px solid var(--line);font-weight:700;font-size:.9375rem}.summary-card-foot{padding:4px 18px 14px}.summary-card-foot .btn{width:100%}.summary-note{padding:12px 18px 16px;border-top:1px solid var(--line);font-size:.6875rem;color:var(--muted-2);display:flex;gap:7px;align-items:flex-start}.book-bar{display:none}@media(max-width:979px){#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.book-page{flex:1;display:flex;flex-direction:column;min-width:0}.book-shell{flex:1}.book-bar{display:flex;position:sticky;bottom:0;z-index:25;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.book-bar .bb-line{display:grid;min-width:0}.book-bar .bb-line span{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-bar .bb-line b{font-size:.9375rem}body:has(.book-main input:focus) .book-bar{display:none}}.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.option{padding:16px 18px}.option .opt-icon{width:44px;height:44px;background:var(--accent-soft);color:var(--accent-ink)}.option.selected .opt-icon{background:var(--accent);color:var(--on-accent)}.option.selected{box-shadow:0 0 0 1px var(--accent) inset,var(--shadow)}.option.selected:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.time{height:48px;font-size:.9375rem}.date{width:64px}