:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#f8fbfb;font-family:Arial,Noto Sans HK,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,a{font:inherit}button,a,select{min-height:44px}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{--bg:#fff8fb;--surface:#fff;--surface-2:#fff0f5;--text:#273043;--muted:#637083;--line:#f0c8d6;--primary:#e95f91;--primary-dark:#9f2f60;--accent:#23a873;--accent-bg:#dcf8e9;--empty:#edf1f5;--radius:18px;background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 16%, transparent), transparent 34rem), linear-gradient(135deg, var(--bg), #fff);color:var(--text);min-height:100vh;padding:24px}.theme-male{--bg:#effffd;--surface:#fff;--surface-2:#e1faf6;--text:#16212f;--muted:#536372;--line:#a9ddd5;--primary:#008f85;--primary-dark:#05668d;--accent:#14b56f;--accent-bg:#d7f7e9;--empty:#e7eff1;--radius:8px;background:linear-gradient(115deg, #008f851f, transparent 30rem), linear-gradient(180deg, var(--bg), #fff)}.topbar,.control-band,.layout,.filter-panel{width:min(1480px,100%);margin-inline:auto}.hero-banner{border:1px solid color-mix(in srgb, var(--primary) 32%, white);border-radius:var(--radius);color:var(--text);background-position:50% 28%;background-size:cover;width:min(1480px,100%);min-height:290px;margin:0 auto 18px;position:relative;overflow:hidden;box-shadow:0 24px 70px #1f293729}.hero-banner:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.hero-banner .topbar,.hero-content{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark,.icon-button{background:var(--primary);border-radius:var(--radius);color:#fff;border:0;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.brand h1,.results-head h2,.detail-hero h3{letter-spacing:0;margin:0;line-height:1.12}.brand h1{font-size:clamp(1.2rem,3vw,1.8rem)}.theme-male .hero-banner .brand h1,.theme-male .hero-banner .eyebrow{color:#fff;text-shadow:0 2px 10px #00000059}.eyebrow{color:var(--primary-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.top-actions{align-items:center;gap:10px;display:flex}.status-pill{color:var(--primary-dark);background:#ffffffe6;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:700;display:inline-flex}.hero-content{gap:12px;max-width:720px;padding:76px 24px 34px;display:grid}.hero-content h2{color:var(--primary);letter-spacing:0;text-shadow:0 2px 0 color-mix(in srgb, #fff 80%, var(--primary)), 0 14px 34px #ffffffb8;margin:0;font-size:clamp(3rem,9vw,6.4rem);line-height:.95}.hero-content p{color:var(--text);max-width:660px;margin:0;font-size:clamp(1rem,2.5vw,1.28rem);font-weight:800;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hero-actions button{border-radius:calc(var(--radius) - 4px);color:var(--text);background:#ffffffeb;border:1px solid #ffffff8c;align-items:center;gap:8px;padding:10px 16px;font-weight:900;display:inline-flex}.hero-actions .active{background:var(--primary);color:#fff}.control-band{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.search-box{background:var(--surface);border:2px solid color-mix(in srgb, var(--primary) 38%, white);border-radius:var(--radius);align-items:center;gap:10px;min-height:56px;padding:0 16px;display:flex}.search-box input{color:var(--text);border:0;outline:0;flex:1;min-width:0;font-size:1rem}.mode-tabs,.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);gap:6px;padding:6px;display:flex}.mode-tabs button,.segmented button,.toolbar a,.toolbar button{border-radius:calc(var(--radius) - 4px);color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.mode-tabs .active,.segmented .active,.date-strip .active,.venue-date-strip .active{background:var(--primary);color:#fff}.date-strip{gap:8px;width:min(1480px,100%);margin:10px auto 12px;padding-bottom:4px;display:flex;overflow-x:auto}.date-strip button{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);color:var(--text);flex:none;padding:8px 12px;font-weight:900}.venue-date-strip{grid-column:1/-1;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.venue-date-strip button{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);color:var(--text);flex:none;padding:8px 12px;font-weight:900}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(240px,1.2fr) minmax(150px,.6fr) minmax(220px,1fr) auto auto auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px;display:grid;box-shadow:0 18px 48px #1f293714}.filter-field{gap:6px;min-width:0;display:grid}.filter-field span{color:var(--muted);font-size:.82rem;font-weight:900}.filter-field select{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);color:var(--text);min-width:0;padding:0 12px}.available-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);color:var(--text);white-space:nowrap;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:900;display:flex}.available-toggle input{accent-color:var(--accent);width:18px;height:18px}.available-toggle span,.reset-button{align-items:center;gap:6px;display:inline-flex}.reset-button{background:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 72%, white);border-radius:calc(var(--radius) - 6px);color:#fff;box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 22%, transparent);white-space:nowrap;justify-content:center;padding:0 14px;font-weight:900}.layout{align-items:start;gap:18px;display:block}.results{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #1f293714}.field{gap:8px;display:grid}.field label,.field>span{color:var(--muted);align-items:center;gap:8px;font-weight:800;display:flex}.field select{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);color:var(--text);min-width:0;padding:0 12px}.compact{grid-template-columns:1fr 92px}.settings-block,.about-block{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.settings-block h2,.about-block h2{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.about-block p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.about-link,.back-link{background:var(--primary);border-radius:calc(var(--radius) - 4px);color:#fff;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;font-weight:900;display:inline-flex}.results{min-width:0;padding:18px}.results-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.results-head h2{font-size:clamp(1.3rem,3vw,2rem)}.updated{color:var(--muted);margin:0;font-size:.9rem}.venue-list{gap:12px;display:grid}.show-more-button{background:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 72%, white);border-radius:calc(var(--radius) - 4px);color:#fff;justify-content:center;padding:12px 16px;font-weight:900}.venue-row{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);grid-template-columns:minmax(220px,1.2fr) auto minmax(360px,2fr);align-items:center;gap:12px;padding:14px;display:grid}.venue-title{color:var(--text);text-align:left;background:0 0;border:0;justify-items:start;gap:6px;padding:0;display:grid}.venue-title strong{font-size:1.05rem}.venue-title span{color:var(--muted);font-size:.9rem;line-height:1.4}.total{background:var(--empty);color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 12px;font-weight:900}.total.available{background:var(--accent-bg);color:#087047}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px;display:grid}.slot{background:var(--empty);border-radius:calc(var(--radius) - 8px);color:var(--muted);border:1px solid #0000;place-items:center;gap:4px;min-height:58px;padding:6px;display:grid}.slot span{font-size:.72rem;font-weight:800}.slot strong{font-size:1.05rem}.slot.available{background:var(--accent-bg);border-color:color-mix(in srgb, var(--accent) 28%, white);color:#085c3f}.quick-table{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);padding:12px;overflow-x:auto}.quick-header-row,.quick-row{grid-template-columns:minmax(220px,1.2fr) repeat(8,minmax(96px,1fr));gap:6px;min-width:1040px;display:grid}.quick-header-row{background:color-mix(in srgb, var(--primary) 11%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));border-radius:calc(var(--radius) - 8px);padding:6px}.quick-head{background:color-mix(in srgb, var(--surface) 86%, var(--primary));border:1px solid color-mix(in srgb, var(--primary) 20%, var(--line));border-radius:calc(var(--radius) - 10px);color:var(--primary-dark);text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:42px;padding:0 10px;font-size:.86rem;font-weight:900;display:flex}.quick-head.venue-cell{background:0 0;border-color:#0000}.quick-row{margin-top:6px}.quick-venue-wrap,.quick-count{border-radius:calc(var(--radius) - 8px);min-height:54px}.quick-venue-wrap{background:var(--surface-2);border:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:stretch;gap:6px;padding:6px;display:grid}.favorite-button{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 10px);color:var(--muted);justify-content:center;align-items:center;min-height:40px;padding:0;display:inline-flex}.favorite-button.active{color:#a36a00;background:#fff7d6;border-color:#e2b93b}.quick-venue{color:var(--text);text-align:left;background:0 0;border:0;justify-items:start;gap:4px;min-height:40px;padding:2px 4px;display:grid}.quick-venue span{color:var(--muted);font-size:.78rem;font-weight:800}.quick-count{background:var(--empty);color:var(--muted);justify-content:center;align-items:center;font-weight:900;display:flex}.quick-count.available{background:var(--accent-bg);color:#085c3f}.venue-detail{gap:16px;display:grid}.detail-hero{background:var(--surface-2);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.detail-hero h3{font-size:clamp(1.35rem,3vw,2.2rem)}.detail-hero p{color:var(--muted);margin:8px 0 0}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toolbar a,.toolbar button{background:var(--surface);border:1px solid var(--line)}.matrix{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);padding:12px;overflow-x:auto}.matrix-header-row,.matrix-row{grid-template-columns:82px repeat(8,minmax(82px,1fr));gap:6px;min-width:828px;display:grid}.matrix-header-row{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line));border-radius:calc(var(--radius) - 8px);padding:6px}.matrix-head{background:color-mix(in srgb, var(--surface) 88%, var(--primary));border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));border-radius:calc(var(--radius) - 10px);color:var(--muted);text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:42px;padding:0 8px;font-weight:900;display:flex}.matrix-head.time-label{color:var(--primary-dark);justify-content:flex-start}.matrix-row{margin-top:6px}.time-label{align-items:center;font-weight:900;display:flex}.empty-state{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);justify-content:center;align-items:center;min-height:220px;font-weight:800;display:flex}.about-page{--bg:#fff8fb;--surface:#fff;--text:#273043;--muted:#637083;--line:#f0c8d6;--primary:#e95f91;--primary-dark:#9f2f60;--radius:18px;background:radial-gradient(circle at top left, #e95f9129, transparent 34rem), linear-gradient(135deg, var(--bg), #fff);color:var(--text);align-items:center;min-height:100vh;padding:24px;display:flex}.settings-page{--bg:#fff8fb;--surface:#fff;--surface-2:#fff0f5;--text:#273043;--muted:#637083;--line:#f0c8d6;--primary:#e95f91;--primary-dark:#9f2f60;--radius:18px;background:radial-gradient(circle at top left, #e95f9129, transparent 34rem), linear-gradient(135deg, var(--bg), #fff);color:var(--text);align-items:center;min-height:100vh;padding:24px;display:flex}.settings-page.theme-male{--bg:#effffd;--surface-2:#e1faf6;--line:#a9ddd5;--primary:#008f85;--primary-dark:#05668d;--radius:8px}.settings-shell{gap:18px;width:100%;max-width:680px;margin:0 auto;display:grid}.settings-title,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #1f293714}.settings-title{align-items:center;gap:14px;padding:20px;display:flex}.settings-title h1{letter-spacing:0;margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:1}.settings-card{gap:14px;padding:20px;display:grid}.settings-card h2{align-items:center;gap:8px;margin:0;display:flex}.settings-choice{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.settings-choice button,.settings-card select{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);color:var(--text);padding:0 14px;font-weight:900}.settings-choice .active{background:var(--primary);color:#fff}.settings-note{color:var(--muted);margin:0;font-weight:800}.about-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:880px;margin:0 auto;padding:clamp(24px,5vw,56px);box-shadow:0 20px 60px #1f293714}.about-shell h1{letter-spacing:0;margin:0 0 24px;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.about-shell p{color:var(--muted);margin:0 0 18px;font-size:1.05rem;line-height:1.8}@media (max-width:1100px){.venue-row,.filter-panel{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr))}}@media (max-width:720px){.app{padding:14px}.topbar,.results-head{flex-direction:column;align-items:stretch}.control-band,.detail-hero,.filter-panel{grid-template-columns:1fr}.hero-banner{min-height:360px}.hero-content{padding:34px 18px 26px}.top-actions,.toolbar,.hero-actions{justify-content:stretch}.status-pill,.toolbar a,.toolbar button,.mode-tabs button,.hero-actions button,.reset-button{flex:1}.mode-tabs{width:100%}.brand h1{font-size:1.35rem}.hero-content h2{font-size:3.2rem}.results,.filter-panel{padding:14px}.compact{grid-template-columns:1fr}}