:root{--bg: #fbf6f1;--surface: #ffffff;--surface-2: #f3ebf4;--wall: #e2d6ea;--ink: #140a24;--ink-2: #5a4f6b;--ink-3: #8a8099;--accent: #c42aae;--accent-dark: #a8208f;--accent-ink: #ffffff;--magenta: #e03cc8;--violet: #6b2cf5;--violet-dark: #5420c9;--plum: #8a1f78;--occ-low-bg: #dcefd9;--occ-low-ink: #1f5a2c;--occ-low-edge: #a9d3a6;--occ-mid-bg: #f9e4b7;--occ-mid-ink: #6d4a04;--occ-mid-edge: #e8c574;--occ-high-bg: #f6cdc6;--occ-high-ink: #7d2117;--occ-high-edge: #e49a8e;--seat-free: #d8f0d9;--seat-free-edge: #a4d4a8;--seat-free-ink: #24572f;--seat-mine: var(--violet);--seat-mine-ink: #ffffff;--seat-taken: #f6d6ef;--seat-taken-edge: #e7a9da;--seat-taken-ink: var(--plum);--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(20, 10, 36, .05), 0 6px 20px rgba(20, 10, 36, .07);--shadow-lift: 0 2px 4px rgba(20, 10, 36, .08), 0 10px 24px rgba(20, 10, 36, .13);--ease: cubic-bezier(.2, .7, .2, 1);--font: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}h1,h2{margin:0}.plan-loading{padding:2rem 0;text-align:center}.muted{color:var(--ink-2)}.btn{border:0;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s,opacity .2s}.btn:focus-visible,.section-card:focus-visible,.seat:focus-visible,.seat-chip:focus-visible,.link:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 28px #e03cc859}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-dark)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--surface);box-shadow:var(--shadow);padding:.6rem 1.1rem}.btn-ghost:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.btn-block{width:100%}.link{background:none;border:0;padding:0;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s}.link:hover{text-decoration-color:currentColor}.topbar{position:sticky;top:0;z-index:10;background:#fbf6f1d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,214,234,.7)}.topbar-inner{max-width:1280px;margin:0 auto;padding:.9rem 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em}.brand span{color:var(--magenta)}.summary{display:flex;align-items:center;gap:1rem;width:100%}.summary .btn{margin-left:auto}.summary-stat{display:flex;flex-direction:column;line-height:1.15}.summary-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.summary-label{font-size:.8rem;color:var(--ink-2)}.summary-sum{padding-left:1rem;border-left:1px solid var(--wall)}.content{max-width:1280px;margin:0 auto;padding:1.5rem 16px 4rem;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.content.with-panel{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.panel{position:sticky;top:6rem}}.plan{display:flex;flex-direction:column;gap:1rem}.level{position:relative;background:var(--surface);border-radius:20px;padding:10px;box-shadow:var(--shadow)}.level-head h2{margin:0 0 .25rem .25rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem}.plan-map{position:relative;width:100%;container-type:inline-size}.plan-item{position:absolute;display:grid;place-items:center;text-align:center;font-size:max(9px,2.6cqw);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.plan-stage{background:var(--surface-2);border-radius:0 0 999px 999px/0 0 60% 60%;font-family:var(--font-display);color:var(--ink-2)}.plan-band{border:1.5px dashed var(--wall);border-radius:8px}.plan-void{border:2px solid var(--wall);border-top:0;border-radius:0 0 50% 50%/0 0 45% 45%;letter-spacing:.04em}.plan-hit{position:absolute;padding:0;border:1.5px solid transparent;border-radius:1.6cqw;background:var(--occ-low-bg);cursor:pointer;transition:box-shadow .2s var(--ease),border-color .2s}.occ-low .plan-hit{background:var(--occ-low-bg);border-color:var(--occ-low-edge)}.occ-medium .plan-hit{background:var(--occ-mid-bg);border-color:var(--occ-mid-edge)}.occ-high .plan-hit{background:var(--occ-high-bg);border-color:var(--occ-high-edge)}.plan-hit:not(:disabled):hover{box-shadow:var(--shadow-lift)}.plan-seat{position:absolute;aspect-ratio:1;border-radius:28%;transform:translate(-50%,-50%);pointer-events:none}.plan-seat.seat-available{background:#fff;border:1px solid var(--seat-free-edge)}.plan-seat.seat-selected{background:var(--seat-mine)}.plan-seat.seat-taken{background:var(--seat-taken)}.plan-seat.seat-reserve{background:var(--surface-2);border:1px dashed var(--ink-3)}.plan-label{position:absolute;display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;font-size:max(9.5px,2.5cqw);color:var(--ink-2);cursor:pointer}.plan-label strong{color:var(--ink)}.plan-label.align-center{transform:translate(-50%);align-items:center}.plan-label.align-right{transform:translate(-100%);align-items:flex-end}.mine-count{display:inline-grid;place-items:center;min-width:1.5em;margin-left:.3em;padding:0 .3em;border-radius:999px;background:var(--seat-mine);color:var(--seat-mine-ink)}@media(min-width:641px){.plan{gap:1.5rem}.level{padding:20px;border-radius:28px}.summary{width:auto;gap:1.5rem}.summary-sum{padding-left:1.5rem}.summary .btn{margin-left:0}}.occ-low{background:var(--occ-low-bg);color:var(--occ-low-ink);border-color:var(--occ-low-edge)}.occ-medium{background:var(--occ-mid-bg);color:var(--occ-mid-ink);border-color:var(--occ-mid-edge)}.occ-high{background:var(--occ-high-bg);color:var(--occ-high-ink);border-color:var(--occ-high-edge)}.plan-section.occ-low,.plan-section.occ-medium,.plan-section.occ-high{background:none}.detail{display:flex;flex-direction:column;gap:1rem}.detail-head{display:flex;align-items:center;gap:.75rem}.detail-title{display:flex;flex-direction:column;margin-right:auto;min-width:0}.btn-back,.detail-head .chip{flex:none;white-space:nowrap}.wide-only{display:none}@media(min-width:641px){.wide-only{display:inline}.detail{gap:1.25rem}.detail-head{gap:1rem 1.5rem;flex-wrap:wrap}}.detail-level{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.detail-title h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,5vw,1.6rem);overflow-wrap:anywhere}.detail-stats{display:flex;gap:.6rem}.chip{padding:.5rem .9rem;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-size:.85rem;border:1.5px solid transparent}.chip strong{font-variant-numeric:tabular-nums}.seatmap-card{background:var(--surface);border-radius:20px;padding:clamp(12px,3vw,32px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.stage-dir{width:min(100%,420px);padding:.65rem 1rem;text-align:center;font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:var(--ink-2);background:var(--surface-2);border-radius:999px 999px 14px 14px}.stage-dir.is-balcony{border-radius:999px;font-family:var(--font);font-size:.75rem;letter-spacing:.1em}.back-dir,.railing{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.railing{align-self:stretch;text-align:right}.railing-left{text-align:left}.seatmap-scroll{align-self:stretch;max-width:100%;overflow-x:auto}.seatplan{position:relative;margin:0 auto;container-type:inline-size}.seatplan .row-label{position:absolute;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.seat{position:absolute;width:calc(var(--seat) * 1%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:22% 22% 30% 30%;border:1.5px solid transparent;padding:0;cursor:pointer;display:grid;place-items:center;font:inherit;font-size:calc(var(--seat) * .4cqw);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;transition:box-shadow .15s var(--ease),background .2s,border-color .2s}.seat-available{background:var(--seat-free);border-color:var(--seat-free-edge);color:var(--seat-free-ink)}.seat-selected{background:var(--seat-mine);border-color:var(--violet-dark);color:var(--seat-mine-ink)}.seat-taken{background:var(--seat-taken);border-color:var(--seat-taken-edge);color:var(--seat-taken-ink);cursor:not-allowed}.seat-reserve{background:var(--surface-2);border:1.5px dashed var(--ink-3);color:var(--ink-3);cursor:not-allowed}.seat:not(:disabled):hover{box-shadow:var(--shadow-lift)}.legend{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;font-size:.8rem;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:.4rem}.seat-dot{width:14px;height:14px;border-radius:4px;border:1.5px solid transparent}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;animation:panel-in .3s var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.panel-title{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.panel-groups{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.panel-group{padding:.75rem;border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid transparent;transition:border-color .2s}.panel-group.is-current{border-color:var(--wall);background:#faf4fb}.panel-group-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;margin-bottom:.5rem}.seat-chips{display:flex;flex-wrap:wrap;gap:.35rem}.seat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .5rem .28rem .6rem;border-radius:999px;border:0;background:var(--seat-mine);color:var(--seat-mine-ink);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s var(--ease)}.seat-chip span{opacity:.8;font-size:.9rem;line-height:1}.seat-chip:hover{background:var(--violet-dark);transform:translateY(-1px)}.panel-total{border-top:1px solid var(--wall);padding-top:1rem;display:flex;flex-direction:column;gap:.9rem}.panel-total>div{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.panel-total strong{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.panel-note{margin:-.4rem 0 0}.toast{position:fixed;left:50%;bottom:24px;z-index:20;max-width:calc(100% - 32px);padding:.8rem 1.2rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-lift);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-error{background:#8f2a20}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#140a2466;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.modal{width:min(100%,440px);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:0 24px 60px #140a2440;display:flex;flex-direction:column;gap:1rem;animation:panel-in .25s var(--ease)}@media(max-width:520px){.modal-backdrop{padding:0;place-items:end stretch}.modal{width:100%;max-height:100dvh;border-radius:20px 20px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));gap:.75rem}}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-family:var(--font-display);font-weight:600;font-size:1.4rem}.icon-btn{width:36px;height:36px;border-radius:999px;border:0;background:var(--surface-2);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .2s}.icon-btn:hover{background:var(--wall)}.modal-summary{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--bg);font-size:.9rem;color:var(--ink-2)}.modal-summary strong{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--ink)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--ink-2)}.field input{font:inherit;font-weight:400;font-size:1rem;color:var(--ink);padding:.7rem .85rem;border-radius:var(--radius-sm);border:1.5px solid var(--wall);background:#fff;transition:border-color .2s,box-shadow .2s;min-width:0}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c42aae2e}.field.has-error input{border-color:#c4473b}.field small,.form-error{color:#9a2c21;font-weight:500}.form-error{margin:0;font-size:.9rem}.tickets{display:flex;flex-direction:column}.ticket-row,.stepper{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;font-weight:600}.stepper-label{min-width:0}.stepper-label .muted,.ticket-row .muted{font-weight:400}.stepper-controls{display:flex;align-items:center;gap:.3rem;flex:none}.stepper-controls button{width:36px;height:36px;border-radius:999px;border:1.5px solid var(--wall);background:#fff;font:inherit;font-size:1.15rem;line-height:1;color:var(--ink);cursor:pointer}.stepper-controls button:disabled{opacity:.35;cursor:default}.stepper output{min-width:2ch;text-align:center;font-size:1.05rem;font-weight:600}.stepper-fixed{margin-right:calc(36px + .3rem);min-width:2ch;text-align:center}.code-entry{display:flex;gap:.5rem}.code-entry input{flex:1;text-transform:uppercase;letter-spacing:.06em}.code-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-weight:400;color:var(--ink)}.code-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem .2rem .2rem .75rem;border-radius:var(--radius-sm);background:var(--seat-free)}.code-list .icon-btn{width:30px;height:30px;font-size:1.1rem;background:transparent}.payment{background:var(--surface);border-radius:28px;padding:clamp(18px,3vw,36px);box-shadow:var(--shadow);display:flex;gap:clamp(1.5rem,4vw,3rem);align-items:flex-start;flex-wrap:wrap}.payment-qr{flex:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 auto;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.payment-qr img,.qr-placeholder{display:block;width:min(260px,70vw);height:auto;aspect-ratio:1;padding:12px;border-radius:20px;background:#fff;border:1.5px solid var(--wall)}.payment-info{flex:1 1 320px;display:flex;flex-direction:column;gap:1.1rem;min-width:0}.payment-amount{display:flex;flex-direction:column}.payment-amount strong{font-family:var(--font-display);font-size:2.2rem;font-weight:600;line-height:1.1}.pay-list{margin:0;display:flex;flex-direction:column;border-radius:var(--radius-sm);background:var(--bg)}.pay-row{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.7rem .9rem}.pay-row+.pay-row{border-top:1px solid rgba(226,214,234,.8)}.pay-row dt{font-size:.82rem;color:var(--ink-2)}.pay-row dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:left;overflow-wrap:anywhere}.copy-btn{flex:none;border:0;border-radius:999px;padding:.25rem .6rem;background:var(--surface);color:var(--ink-2);font-size:.72rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.copy-btn:hover{background:var(--wall);color:var(--ink)}.deadline{margin:0;font-size:.9rem;color:var(--ink-2)}.deadline strong{color:var(--ink)}.pay-seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.pay-seats li{display:flex;flex-direction:column;gap:.25rem}.pay-seat-row{display:flex;justify-content:space-between;gap:1rem}.pay-seat-row span:first-child{font-weight:600;min-width:0}.pay-seat-row span:last-child{text-align:right;white-space:nowrap}.small{margin:0;font-size:.82rem}.tickets-view{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--wall)}.tickets-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.tickets-head .btn{flex:none;text-decoration:none}.tickets-head h3{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.3rem}.ticket-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ticket-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;font-size:.9rem;border:1.5px dashed var(--wall);border-radius:var(--radius-sm);background:#fff;text-align:center}.ticket-card img,.ticket-card .qr-placeholder{width:100%;max-width:220px;height:auto;aspect-ratio:1}.ticket-card div{display:flex;flex-direction:column}.ticket-holder{font-weight:600;overflow-wrap:anywhere}.names-form{display:flex;flex-direction:column;gap:.6rem}.seat-name{width:100%;min-width:0;padding:.35rem .6rem;font:inherit;font-size:.9rem;border:1px solid var(--wall);border-radius:8px;background:var(--surface);color:var(--ink)}.names-link{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.names-link .link{color:var(--accent);font-size:inherit}.names-link .link.muted{color:var(--ink-2)}.ticket-card.is-used{opacity:.6}@media(min-width:561px){.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(min-width:481px){.pay-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.pay-row dd{justify-content:flex-end;text-align:right}}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.closed-badge{padding:.6rem 1.1rem;border-radius:999px;background:var(--occ-high-bg);color:var(--occ-high-ink);font-weight:600;font-size:.9rem}.deadline.is-overdue{padding:.7rem .9rem;border-radius:var(--radius-sm);background:var(--occ-high-bg);color:var(--occ-high-ink)}.deadline.is-overdue strong{color:inherit}.modal-notes{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--ink-2)}.modal-notes p{margin:0}.cancel-info{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.92rem}.runs{display:flex;flex-direction:column;gap:1.25rem}.runs-title{font-family:var(--font-display);font-weight:600;font-size:1.6rem}.runs-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.run-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:1.25rem 1.35rem;border-radius:var(--radius);border:1.5px solid var(--wall);background:var(--surface);box-shadow:var(--shadow);text-align:left;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.run-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.run-card:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.run-card:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.run-weekday{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.run-date{font-family:var(--font-display);font-weight:600;font-size:1.6rem;line-height:1.15;font-variant-numeric:tabular-nums}.run-time{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.run-label{color:var(--accent);font-weight:600}.run-spacer{flex:1;min-height:.7rem}.run-status{padding:.25rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600}.run-card.occ-low .run-status{background:var(--occ-low-bg);color:var(--occ-low-ink)}.run-card.occ-medium .run-status{background:var(--occ-mid-bg);color:var(--occ-mid-ink)}.run-card.occ-high .run-status,.run-card:disabled .run-status{background:var(--occ-high-bg);color:var(--occ-high-ink)}.run-card.occ-low,.run-card.occ-medium,.run-card.occ-high{background:var(--surface);color:var(--ink);border-color:var(--wall)}.run-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.75rem;padding:.6rem 1rem;font-size:.9rem;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.modal-run,.payment-run{margin:0;font-size:.95rem}.site-footer{max-width:1280px;margin:0 auto;padding:0 16px 2.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.site-footer a{color:var(--accent);font-weight:600;text-underline-offset:3px;overflow-wrap:anywhere}@media(min-width:641px){.site-footer{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem}}