:root{--ink:#171719;--bone:#f3f0e8;--graphite:#565c63;--blue:#174a73;--blue-deep:#102f49;--blue-pale:#dce7ef;--line:#17171924;--white:#fffefb;--shadow:0 24px 72px #1424311f}*{box-sizing:border-box}html{background:var(--bone);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}body{background:radial-gradient(circle at 85% 4%, #174a7321, transparent 30rem), var(--bone);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.shell{width:min(1120px,100% - 40px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);min-height:78px;margin-inline:auto;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand img:first-child{width:32px;height:auto}.brand img:last-child{width:112px;height:auto}.language-link,.text-link{color:var(--blue);text-underline-offset:5px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.hero{padding-block:clamp(64px,10vw,120px) 48px}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.06em;max-width:820px;margin:0;font-size:clamp(2.5rem,7vw,5.8rem);font-weight:650;line-height:.98}.hero-copy{max-width:720px;color:var(--graphite);margin:24px 0 0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.75}.environment-banner{width:fit-content;color:var(--blue-deep);background:#ffffff94;border:1px solid #174a7340;border-radius:999px;align-items:center;gap:9px;margin-top:34px;padding:10px 14px;font-size:.8rem;font-weight:750;display:flex}.status-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #174a7324}.identity{border:1px solid var(--line);background:#fffefbb8;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex;box-shadow:0 8px 28px #1717190a}.identity .section-kicker{margin-bottom:6px}.identity-line{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.identity-line span,.muted{color:var(--graphite);margin:0}.button-row{align-items:center;gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-weight:750;display:inline-flex}.button.primary{background:var(--blue);color:#fff}.button.secondary{border-color:var(--ink);color:var(--ink);background:0 0}.button.quiet{border-color:var(--line);color:var(--graphite);background:#ffffff80}.venue-section{padding-block:88px 100px}.section-heading{grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:40px;margin-bottom:30px;display:grid}.section-heading h2,.admin-shell h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.4rem)}.section-heading>p{color:var(--graphite);margin:0;line-height:1.7}.venue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.venue-card{border:1px solid var(--line);background:#fffefbbf;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:250px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.venue-card.available:hover{box-shadow:var(--shadow);border-color:#174a7380;transform:translateY(-3px)}.venue-card.disabled{color:#62656a;background:#565c630b}.venue-card-topline{justify-content:space-between;align-items:center;display:flex}.pill{letter-spacing:.03em;border-radius:999px;padding:7px 10px;font-size:.73rem;font-weight:800;display:inline-flex}.pill.active{background:var(--blue-pale);color:var(--blue-deep)}.pill.construction{color:#4f5358;background:#565c631f}.venue-index{color:#8c8e91;font-variant-numeric:tabular-nums;font-size:.78rem}.venue-card h3{letter-spacing:-.035em;margin:42px 0 8px;font-size:clamp(1.55rem,3vw,2.2rem)}.venue-card p{min-height:24px;color:inherit;margin:0;line-height:1.55}.venue-action{margin-top:26px;font-size:.85rem;font-weight:800}.centered-page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-panel,.detail-panel{border:1px solid var(--line);width:min(620px,100%);box-shadow:var(--shadow);background:#fffefbdb;border-radius:30px;padding:clamp(28px,6vw,56px)}.login-brand{margin-bottom:64px}.login-panel h1,.detail-panel h1{font-size:clamp(2.2rem,7vw,4rem)}.role-list{gap:10px;margin:36px 0 28px;display:grid}.line-login-button{color:#fff;background:#06c755;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin:24px 0;padding:12px 18px;font-weight:800;text-decoration:none;display:flex}.line-login-button span{letter-spacing:.04em;border-right:1px solid #ffffff73;padding-right:12px;font-size:.78rem}.local-login-section{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.error-notice{color:#8a331f}.role-button{border:1px solid var(--line);width:100%;min-height:74px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.role-button:hover{border-color:var(--blue);background:var(--blue-pale)}.role-button span{font-weight:800}.role-button small{color:var(--graphite)}.detail-panel>.pill{margin-bottom:36px}.fixture-card{border-left:3px solid var(--blue);background:var(--blue-pale);gap:8px;margin:36px 0 18px;padding:20px;display:grid}.fixture-card span,.not-implemented{color:var(--graphite);line-height:1.6}.not-implemented{margin:20px 0 32px}.admin-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;width:min(1120px,100% - 40px);margin-inline:auto;padding-block:56px 26px;display:flex}.admin-topbar h1{font-size:clamp(2.3rem,6vw,4.8rem)}.admin-shell{padding-block:44px 90px}.admin-intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-intro p{color:var(--graphite);margin:7px 0 0}.permission-badge{border-radius:999px;padding:9px 12px;font-size:.76rem;font-weight:800}.permission-badge.manage{background:var(--blue);color:#fff}.permission-badge.read{color:var(--graphite);background:#565c631f}.admin-shell h2{margin-top:64px;font-size:2rem}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.metric-grid article{border:1px solid var(--line);background:#fffefbb8;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:150px;padding:20px;display:flex}.metric-grid span{color:var(--graphite);font-size:.82rem}.metric-grid strong{font-variant-numeric:tabular-nums;font-size:1.8rem}.customer-page{min-height:100vh}.has-nav{padding-bottom:104px}.customer-nav{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefbf0;border:1px solid #17171921;border-radius:23px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(480px,100% - 24px);min-height:70px;padding:7px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #102f4933}.customer-nav a{min-width:0;min-height:54px;color:var(--graphite);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 4px;font-size:.7rem;font-weight:800;display:flex}.customer-nav a:hover,.customer-nav a:focus-visible{background:var(--blue-pale);color:var(--blue-deep)}.customer-nav a span{font-size:1.15rem;line-height:1}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.quick-links a,.quick-order-link{border:1px solid var(--line);background:#fffefbb8;border-radius:17px;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:16px 18px;font-weight:800;display:flex}.schedule-shell{padding-block:46px 180px}.schedule-intro{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.schedule-intro h1,.flow-shell>h1{max-width:860px;font-size:clamp(2.5rem,7vw,5.2rem)}.schedule-intro p:not(.eyebrow),.page-description{max-width:680px;color:var(--graphite);margin:20px 0 0;line-height:1.7}.fixture-notice,.policy-note{border-left:3px solid var(--blue);background:var(--blue-pale);color:var(--blue-deep);flex-wrap:wrap;gap:8px 14px;margin-top:28px;padding:15px 17px;line-height:1.6;display:flex}.schedule-legend{color:var(--graphite);justify-content:flex-end;gap:18px;margin-top:28px;font-size:.8rem;font-weight:800;display:flex}.date-rail{z-index:12;overscroll-behavior-inline:contain;scrollbar-width:thin;background:linear-gradient(var(--bone) 80%, #f3f0e800);gap:7px;margin-top:14px;padding:8px 0;display:flex;position:sticky;top:0;overflow-x:auto}.date-rail button{border:1px solid var(--line);min-width:76px;min-height:62px;color:var(--graphite);cursor:pointer;background:#fffefbd1;border-radius:15px;place-items:center;gap:2px;padding:8px;display:grid}.date-rail button small{font-size:.68rem}.date-rail button.selected{border-color:var(--blue);background:var(--blue);color:#fff}.slot-list{border:1px solid var(--line);background:#fffefbc2;border-radius:24px;margin-top:8px;display:grid;overflow:hidden}.slot-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:60px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff9e;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 15px;display:grid}.slot-row:last-child{border-bottom:0}.slot-row.peak{background:#dce7efb8}.slot-row:hover:not(:disabled){background:#fff}.slot-row.selected{box-shadow:inset 5px 0 0 var(--blue);background:#d3e4ef}.slot-row:disabled{cursor:not-allowed;color:#73777b;opacity:.75}.slot-row time{font-variant-numeric:tabular-nums;font-weight:800}.slot-state{font-weight:800}.group-dot{background:var(--ink);color:#fff;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.group-discovery{padding-block:52px 24px}.section-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title-row h2,.flow-card h2,.record-section h2,.admin-actions h2,.admin-data-section h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,3vw,2.1rem)}.section-title-row>span{background:var(--blue-pale);min-width:30px;height:30px;color:var(--blue-deep);border-radius:999px;place-items:center;padding-inline:8px;font-size:.75rem;font-weight:850;display:grid}.compact-room-list,.order-list,.record-list,.participant-list,.audit-list{gap:8px;margin-top:16px;display:grid}.compact-room-list a,.order-list a,.record-list article,.participant-list article,.audit-list article{border:1px solid var(--line);background:#fffefbb8;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 16px;display:flex}.compact-room-list a span,.record-list span,.participant-list small,.audit-list span{color:var(--graphite);font-size:.78rem}.transaction-dock{z-index:70;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffefbf5;border:1px solid #174a734d;border-radius:25px;width:min(600px,100% - 24px);max-height:min(620px,100vh - 130px);padding:18px;position:fixed;bottom:94px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 70px #102f493d}.dock-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.dock-options>strong,.dock-options>small{grid-column:1/-1}.dock-options label,.option-list label,.join-controls label{color:var(--graphite);align-items:flex-start;gap:8px;font-size:.78rem;font-weight:700;line-height:1.4;display:flex}.dock-options input,.option-list input,.join-controls input{accent-color:var(--blue);margin-top:2px}.dock-options small{color:var(--graphite);line-height:1.5}.dock-total{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:6px 14px;margin-top:14px;padding-top:13px;font-size:.78rem;display:grid}.dock-total span{color:var(--graphite);justify-content:space-between;gap:8px;display:flex}.dock-total .payable{color:var(--ink);grid-column:1/-1;padding-top:7px;font-size:1rem}.dock-actions,.payment-controls{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px;display:grid}.form-error{color:#a02f2f;margin:12px 0 0;font-size:.82rem;font-weight:750}.form-note,.hold-note{color:var(--graphite);margin:12px 0 0;font-size:.82rem;line-height:1.5}.flow-shell{max-width:820px;padding-block:58px 80px}.flow-shell>.eyebrow,.flow-shell>.status-chip{margin-bottom:16px}.flow-card{border:1px solid var(--line);background:#fffefbcc;border-radius:24px;margin-top:24px;padding:clamp(20px,4vw,30px);box-shadow:0 10px 35px #1717190a}.order-summary-card .section-title-row span{color:var(--graphite);font-size:.78rem}.order-item-list{gap:8px;margin-top:22px;display:grid}.order-item-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.order-item-list article strong{font-size:.86rem}.price-breakdown{margin:22px 0 0}.price-breakdown div{justify-content:space-between;gap:16px;padding:6px 0;display:flex}.price-breakdown dt,.price-breakdown dd{margin:0}.price-breakdown dt{color:var(--graphite)}.price-breakdown .payable{border-top:1px solid var(--ink);margin-top:8px;padding-top:14px;font-size:1.25rem;font-weight:850}.payment-card p{color:var(--graphite);line-height:1.65}.status-chip{width:fit-content;color:var(--graphite);background:#565c631f;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:850;display:inline-flex}.status-paid,.status-confirmed{color:#185437;background:#d5eadf}.status-held,.status-recruiting,.status-locking{color:#664c0e;background:#e8dfc8}.status-refunded,.status-cancelled,.status-expired,.status-payment_failed{color:#8a2f2f;background:#eee0e0}.order-list a{flex-direction:column;align-items:stretch;min-height:92px}.order-list a>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.empty-state{color:var(--graphite);text-align:center;border:1px dashed #17171940;border-radius:20px;margin-top:28px;padding:44px 20px}.feature-chips{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.feature-chips span{background:var(--blue-pale);color:var(--blue-deep);border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:750}.group-form{display:grid}.group-form label,.profile-form label,.reason-field,.admin-action-grid label{color:var(--graphite);gap:7px;font-size:.78rem;font-weight:800;display:grid}.group-form label+label,.profile-form label+label{margin-top:18px}.group-form output{color:var(--ink);justify-self:end;font-size:1.2rem}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #17171940;border-radius:10px;padding:10px 12px}textarea{resize:vertical}input[type=range]{width:100%;accent-color:var(--blue)}.two-field-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.two-field-row label+label{margin-top:0}.tag-picker{flex-wrap:wrap;gap:8px;display:flex}.tag-picker legend{width:100%;margin-bottom:12px;font-weight:850}.tag-picker button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:42px;padding:7px 11px}.tag-picker button.selected{border-color:var(--blue);background:var(--blue);color:#fff}.option-list{gap:14px;display:grid}.full-width{width:100%;margin-top:18px}.room-time{font-size:clamp(1.2rem,4vw,1.8rem);display:block}.room-progress{background:#1717191a;border-radius:999px;height:10px;margin-top:24px;overflow:hidden}.room-progress span{border-radius:inherit;background:var(--blue);height:100%;display:block}.room-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.room-metrics span{color:var(--graphite);gap:5px;font-size:.74rem;display:grid}.room-metrics strong{color:var(--ink);font-size:1.15rem}.participant-list article.inactive{opacity:.5}.participant-list article>div{flex:1;gap:3px;display:grid}.avatar-orb{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.join-controls{border:1px solid var(--line);background:#fffefbcc;border-radius:20px;margin-top:26px;padding:20px}.join-total{justify-content:space-between;align-items:baseline;margin-top:16px;display:flex}.join-total strong{font-size:1.8rem}.member-shell{max-width:880px}.membership-card{aspect-ratio:1.72;color:#fff;background:radial-gradient(at 70% 20%,#ffffff38,#0000 38%),linear-gradient(145deg,#0f2f49,#174a73 58%,#0d2538);border-radius:28px;grid-template-columns:repeat(2,1fr);gap:18px;max-height:360px;margin-top:30px;padding:clamp(24px,5vw,42px);display:grid;overflow:hidden;box-shadow:0 26px 70px #102f4947}.membership-card>div{align-content:start;gap:7px;display:grid}.membership-card span{color:#ffffffb8;font-size:.75rem;font-weight:750}.membership-card strong{font-size:clamp(2.5rem,9vw,5.5rem);line-height:1}.membership-card p{grid-column:1/-1;align-self:end;margin:0}.quick-order-link{margin-top:20px}.member-editor{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;display:grid}.profile-form h2,.cosmetics-panel h2{margin-bottom:22px}.cosmetic-list{gap:8px;display:grid}.cosmetic-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.cosmetic-list article>div{gap:3px;min-width:0;display:grid}.cosmetic-list article span{color:var(--graphite);overflow-wrap:anywhere;font-size:.7rem}.record-section{padding-top:52px}.record-list article>div,.audit-list article>div{gap:4px;min-width:0;display:grid}.admin-page{min-height:100vh}.operations-metrics{grid-template-columns:repeat(4,1fr)}.system-strip{border:1px solid var(--line);color:var(--graphite);border-radius:14px;flex-wrap:wrap;gap:10px 22px;margin-top:12px;padding:14px 16px;font-size:.76rem;font-weight:750;display:flex}.admin-actions,.admin-data-section{padding-top:62px}.reason-field{margin-top:18px}.managed-venue-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.admin-action-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.admin-action-grid article{border:1px solid var(--line);background:#fffefbb8;border-radius:18px;align-content:start;gap:10px;padding:18px;display:grid}.admin-action-grid h3,.admin-write-list h3{margin:0 0 6px}.pricing-rule-editor{border:1px solid var(--line);background:#fffefbb8;border-radius:18px;margin-top:24px;padding:20px}.pricing-rule-editor h3{margin:0 0 16px}.pricing-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.pricing-input-grid label{min-width:0}.pricing-input-grid input{width:100%;min-width:0}.admin-write-list{border:1px solid var(--line);border-radius:18px;margin-top:24px;padding:18px}.admin-write-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding-block:8px;display:flex}.admin-write-list article:last-child{border-bottom:0}.admin-write-list article>div{gap:6px;display:flex}.admin-table{border:1px solid var(--line);border-radius:18px;margin-top:16px;overflow:hidden}.admin-table article{border-bottom:1px solid var(--line);background:#fffefb9e;grid-template-columns:1fr 1fr 100px;align-items:center;gap:14px;min-height:52px;padding:10px 14px;font-size:.8rem;display:grid}.admin-table article:last-child{border-bottom:0}@media (max-width:760px){.shell,.topbar,.admin-topbar{width:min(100% - 28px,1120px)}.topbar{min-height:68px}.brand{gap:9px}.brand img:first-child{width:27px}.brand img:last-child{width:94px}.hero{padding-block:54px 34px}h1{font-size:clamp(2.45rem,13vw,4rem)}.environment-banner{border-radius:16px;align-items:flex-start}.identity,.admin-intro,.admin-topbar{flex-direction:column;align-items:flex-start}.button-row{width:100%}.button-row>*,.button-row form,.button-row .button{flex:1}.section-heading{grid-template-columns:1fr;gap:12px}.venue-section{padding-block:64px 70px}.venue-grid,.metric-grid{grid-template-columns:1fr}.venue-card{min-height:220px}.metric-grid article{min-height:116px}.role-button{flex-direction:column;align-items:flex-start;gap:4px}.quick-links,.member-editor,.admin-action-grid{grid-template-columns:1fr}.pricing-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-venue-fields{grid-template-columns:1fr}.schedule-shell{width:100%;padding:30px 14px 180px}.schedule-intro{flex-direction:column;align-items:flex-start}.schedule-intro h1,.flow-shell>h1{font-size:clamp(2.35rem,12vw,4rem)}.date-rail{margin-inline:-14px;padding-inline:14px}.slot-row{grid-template-columns:60px minmax(0,1fr);gap:9px}.group-dot{grid-column:2;justify-self:start}.dock-options,.dock-total,.dock-actions,.payment-controls{grid-template-columns:1fr}.dock-total .payable{grid-column:auto}.flow-shell{width:min(100% - 28px,820px);padding-block:42px 56px}.order-item-list article,.compact-room-list a,.record-list article,.audit-list article{flex-direction:column;align-items:flex-start}.room-metrics{grid-template-columns:1fr 1fr}.membership-card{min-height:215px}.operations-metrics{grid-template-columns:repeat(2,1fr)}.admin-write-list article{flex-direction:column;align-items:stretch}.admin-write-list article>div{grid-template-columns:1fr 1fr;display:grid}.admin-table article{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
