.c8-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 22px; }
.c8-head-t { min-width: 0; }
.c8-head .q8-title { font-size: clamp(34px, 4.2vw, 56px); display: block; }
.c8-head .q8-sub { font-size: 14px; }
.c8-head-r, .c8-head > .q8-head-a { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.c8-head .q8-head-a .q8-btn, .c8-head-r .q8-btn { height: 46px; padding: 0 20px; }
.c8-head-r .q8-btn .ic, .c8-head-r .q8-btn svg { width: 16px; height: 16px; }
.st108-cap { display: block; font: 800 11px/1.2 var(--q8-font); letter-spacing: .12em; text-transform: uppercase; color: var(--q8-ink-3); margin: 0 0 12px; }
.q8-btn.red .ic, .q8-btn svg { flex: none; }
a.q8-btn { text-decoration: none; }
#clubMain.st108 { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 0 24px; align-items: start; font-family: var(--q8-font); color: var(--q8-ink); }
#clubMain.st108 > * { grid-column: 2; min-width: 0; }
#clubMain.st108 > .app-head.st108-h { grid-column: 1 / -1; margin: 0 0 22px !important; padding: 0 !important; display: block; }
#clubMain.st108 > .app-head.st108-h .c8-head { margin: 0; }
.st108-saved { display: inline-flex; align-items: center; gap: 7px; font: 500 12.5px var(--q8-font); color: var(--q8-ink-3); white-space: nowrap; }
.st108-saved i { width: 8px; height: 8px; border-radius: 50%; background: var(--q8-green); box-shadow: 0 0 0 3px var(--q8-green-soft); }
#clubMain.st108 > .st108-nav { grid-column: 1; grid-row: 2 / span 30; position: sticky; top: 16px; }
.st108-nav { background: var(--q8-card); border-radius: var(--q8-r-xl); padding: 10px; display: flex; flex-direction: column; gap: 6px; box-shadow: var(--q8-shadow); min-height: min(860px, calc(100vh - 220px)); }
.st108-ni { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 0; border-radius: 18px; background: none; color: var(--q8-ink); text-align: left; cursor: pointer; font: inherit; transition: background .15s, color .15s; }
.st108-ni:hover { background: var(--q8-cream); }
.st108-nic { width: 38px; height: 38px; border-radius: 12px; background: var(--q8-cream-2); color: var(--q8-ink); display: grid; place-items: center; flex: none; }
.st108-nic svg, .st108-nic .ic { width: 17px; height: 17px; }
.st108-nt { display: flex; flex-direction: column; min-width: 0; }
.st108-nt b { font: 700 14px/1.25 var(--q8-font); }
.st108-nt small { font-size: 12px; color: var(--q8-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st108-ni.on { background: var(--q8-teal); color: #fff; }
.st108-ni.on .st108-nic { background: var(--q8-lime); color: var(--q8-teal); }
.st108-ni.on small { color: rgba(255,255,255,.72); }
.st108-ni.dz { margin-top: auto; color: var(--q8-red); }
.st108-ni.dz .st108-nic { background: var(--q8-red-soft); color: var(--q8-red); }
.st108-ni.dz.on { background: var(--q8-red); color: #fff; }
.st108-ni.dz.on .st108-nic { background: rgba(255,255,255,.9); color: var(--q8-red); }
.st108-ni.dz.on small { color: rgba(255,255,255,.8); }
.st108-ni:focus-visible { outline: 3px solid var(--q8-lime); outline-offset: 2px; }
#clubMain.st108 .settings-grid { display: block !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; }
#clubMain.st108 .settings-grid > .st107-col { display: contents !important; }
#clubMain.st108 .settings-grid .st108-sec, #clubMain.st108 .settings-grid.st107 > .st107-col > .st108-sec, #clubMain.st108 .settings-grid.st107 > .st108-sec.st107-danger { display: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; grid-row-end: auto !important; }
#clubMain.st108 .settings-grid .st108-sec.on, #clubMain.st108 .settings-grid.st107 > .st107-col > .st108-sec.on, #clubMain.st108 .settings-grid.st107 > .st108-sec.st107-danger.on { display: grid !important; gap: 24px; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); align-items: start; }
.st108-c { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.st108-c.empty { display: none; }
.st108-sec[data-k="profile"] > .st108-c[data-c="a"] { grid-column: 1 / -1; }
.st108-sec[data-k="profile"] > .st108-c[data-c="c"] { position: sticky; top: 16px; }
#clubMain.st108 .st108-sec[data-k="courts"].on, #clubMain.st108 .st108-sec[data-k="queue"].on { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
#clubMain.st108 .settings-grid .st108-sec[data-k="partners"].on { grid-template-columns: minmax(0, 1fr); }
#clubMain.st108 .settings-grid .st108-sec[data-k="danger"].on { grid-template-columns: minmax(0, 760px); }
#clubMain.st108 .st108-c > * { margin: 0 !important; grid-row-end: auto !important; box-sizing: border-box; min-width: 0; }
#clubMain.st108 .st108-c > .card { background: var(--q8-card) !important; border: 0 !important; border-radius: var(--q8-r-xl) !important; box-shadow: var(--q8-shadow) !important; padding: 22px !important; }
#clubMain.st108 .st108-c > .card[hidden], #clubMain.st108 .st108-c > .pro90-hidden { display: none !important; }
#clubMain.st108 .st108-c > .card::before, #clubMain.st108 .st108-c > .card::after { display: none; }
#clubMain.st108 .st108-c h3 { font: 700 19px/1.2 var(--q8-display); letter-spacing: -.015em; color: var(--q8-ink); display: flex; align-items: center; gap: 10px; margin: 0; }
#clubMain.st108 .st108-c h3 > svg, #clubMain.st108 .st108-c h3 > .ic { width: 19px; height: 19px; color: var(--q8-ink); }
.st108-n { display: inline-grid; place-items: center; min-width: 26px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--q8-cream-2); color: var(--q8-ink-2); font: 800 11.5px var(--q8-font); letter-spacing: 0; }
#clubMain.st108 .st108-c .small.muted, #clubMain.st108 .st108-c small.muted, #clubMain.st108 .st108-c .muted { color: var(--q8-ink-3); }
#clubMain.st108 .st108-c .field > label, #clubMain.st108 .st108-c label.field > span, #clubMain.st108 .st108-c .field > span, .st108-lbl { font: 700 13px var(--q8-font); color: var(--q8-ink); }
#clubMain.st108 .st108-c .input, #clubMain.st108 .st108-c .qs-btn { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 14px; min-height: 46px; color: var(--q8-ink); font: 500 15px var(--q8-font); box-shadow: none; }
:root[data-theme="dark"] #clubMain.st108 .st108-c .input, :root[data-theme="dark"] #clubMain.st108 .st108-c .qs-btn { background: var(--q8-cream); }
#clubMain.st108 .st108-c textarea.input { min-height: 120px; padding: 14px; line-height: 1.5; }
#clubMain.st108 .st108-c .input:focus { border-color: var(--q8-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--q8-teal) 18%, transparent); outline: 0; }
#clubMain.st108 .st108-c .btn { border-radius: 999px; font: 700 13.5px var(--q8-font); }
#clubMain.st108 .st108-c .btn:not(.primary):not(.danger):not(.ghost):not(.icon) { background: var(--q8-card); color: var(--q8-ink); border: 1px solid var(--q8-line); box-shadow: none; }
#clubMain.st108 .st108-c .btn.primary, #clubMain.st108 .st108-c button[type="submit"].btn { background: var(--q8-lime); color: var(--q8-teal); border: 0; box-shadow: none; min-height: 44px; padding: 0 20px; }
#clubMain.st108 .st108-c .btn.danger { background: var(--q8-red); color: #fff; border: 0; }
#clubMain.st108 .st108-c .seg { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 999px; padding: 4px; display: flex; gap: 2px; }
#clubMain.st108 .st108-c .seg > button { border-radius: 999px; border: 0; background: none; color: var(--q8-ink-2); font: 600 13.5px var(--q8-font); padding: 8px 14px; min-height: 38px; }
#clubMain.st108 .st108-c .seg > button.on { background: var(--q8-teal); color: #fff; box-shadow: none; }
#clubMain.st108 .st108-c .switch input:checked + span { background: var(--q8-teal); }
#clubMain.st108 .st108-c .switch input:checked + span::after { background: var(--q8-lime); }
#clubMain.st108 .st108-c .chip.good { background: var(--q8-green-soft); color: var(--q8-green); border: 0; }
#clubMain.st108 .st108-c .chip.line { background: var(--q8-lime-soft); color: var(--q8-teal); border: 0; }
#clubMain.st108 .bn98 h3 { font-size: 0; gap: 0; }
#clubMain.st108 .bn98 h3 > svg { display: none; }
#clubMain.st108 .bn98 > .row:first-child > div > p { display: none; }
#clubMain.st108 .bn98 { position: relative; padding: 12px !important; }
#clubMain.st108 .bn98 > .row:first-child { position: absolute; top: 24px; right: 24px; z-index: 2; }
#clubMain.st108 .bn98 > .row:first-child .btn { background: var(--q8-card); box-shadow: var(--q8-shadow); }
#clubMain.st108 .bn98-prev { height: 260px; border-radius: 20px; margin: 0; border: 0; background-color: var(--q8-cream-2); }
#clubMain.st108 .bn98-prev .hb91-hint { left: 14px; top: 14px; right: auto; background: rgba(14,46,48,.82); color: #fff; border-radius: 999px; font-size: 11.5px; }
.st108-pv .st108-pvx { display: flex; flex-direction: column; gap: 14px; }
.st108-pvc { border: 1px solid var(--q8-line); border-radius: 20px; overflow: hidden; background: var(--q8-card); text-align: center; padding-bottom: 18px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.st108-pvb { align-self: stretch; height: 92px; background: var(--q8-hero); background-size: cover; position: relative; }
.st108-pvb.has::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 40%, var(--q8-card)); }
.st108-pvs { position: absolute; top: 10px; right: 10px; z-index: 1; background: #fff; color: var(--q8-ink); font: 700 11px var(--q8-font); padding: 4px 9px; border-radius: 999px; box-shadow: var(--q8-shadow); }
.st108-pvl { margin-top: -34px; position: relative; z-index: 1; display: inline-block; border-radius: 18px; border: 3px solid var(--q8-card); overflow: hidden; line-height: 0; }
.st108-pvc > b { font: 800 17px var(--q8-display); margin-top: 6px; }
.st108-pvc > small { display: inline-flex; align-items: center; gap: 4px; color: var(--q8-ink-3); font-size: 12.5px; }
.st108-pvc > small svg { width: 12px; height: 12px; color: var(--q8-red); }
.st108-pvc > p { font-size: 13px; color: var(--q8-ink-2); margin: 4px 18px 6px; line-height: 1.45; }
.st108-pvj { background: var(--q8-lime); color: var(--q8-teal); font: 700 13px var(--q8-font); padding: 8px 16px; border-radius: 999px; margin-top: 4px; }
.st108-note { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--q8-ink-2); background: var(--q8-lime-soft); border-radius: 14px; padding: 10px 12px; margin: 0; }
.st108-note svg { width: 14px; height: 14px; flex: none; margin-top: 2px; }
#clubMain.st108 .court-settings-row { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 16px; padding: 8px 10px 8px 76px; position: relative; gap: 10px; align-items: center; min-height: 58px; }
#clubMain.st108 .court-settings-row::before { content: ""; position: absolute; left: 10px; top: 50%; translate: 0 -50%; width: 54px; height: 34px; border-radius: 7px; background: linear-gradient(90deg, transparent 32%, rgba(255,255,255,.65) 32% calc(32% + 1.5px), transparent 0 50%, rgba(255,255,255,.65) 50% calc(50% + 1.5px), transparent 0 68%, rgba(255,255,255,.65) 68% calc(68% + 1.5px), transparent 0), var(--q8-teal-2); box-shadow: inset 0 0 0 2px rgba(255,255,255,.5); }
#clubMain.st108 .court-settings-row > .input { flex: 1 1 120px; min-width: 90px; width: auto; border: 0; background: transparent; font: 700 16px var(--q8-font); min-height: 40px; padding-left: 4px; }
#clubMain.st108 .court-settings-row .qs { flex: 0 1 190px; min-width: 0; }
#clubMain.st108 .court-settings-row .qs-btn { min-height: 38px; font-size: 13px; }
#clubMain.st108 .court-settings-row .chip { text-transform: capitalize; font: 700 11.5px var(--q8-font); }
#clubMain.st108 .court-settings-row [data-act="delCourt"] { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--q8-line); color: var(--q8-red); background: var(--q8-card); }
.st108-ven .list-item { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 16px; padding: 14px 16px; margin: 0; }
.st108-ven .list-item b { font: 700 16px var(--q8-font); }
.st108-ven > .row:first-child { flex-wrap: wrap; gap: 8px; }
.st108-ven .st108-pro { margin-left: auto; }
.st108-ven > .row:first-child [data-act="venueModal"] { order: 3; }
.st108-lays { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; margin-bottom: 12px; }
.st108-mini { position: relative; aspect-ratio: 5 / 3; border-radius: 12px; background: var(--q8-teal-2); overflow: hidden; color: #fff; box-shadow: inset 0 0 0 3px var(--q8-teal); }
.st108-mini i { position: absolute; inset: 9px; border: 1.5px solid rgba(255,255,255,.55); background: linear-gradient(90deg, transparent calc(50% - .75px), rgba(255,255,255,.55) 0 calc(50% + .75px), transparent 0), linear-gradient(transparent calc(50% - .75px), rgba(255,255,255,.35) 0 calc(50% + .75px), transparent 0); }
.st108-mini b { position: absolute; left: 10px; bottom: 6px; font: 700 12px var(--q8-font); text-shadow: 0 1px 2px rgba(0,0,0,.4); }
.st108-mini small { display: none; position: absolute; right: 8px; top: 6px; font-size: 10px; opacity: .8; max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st108-lay > p { margin: 0; }
#clubMain.st108 .st108-qs > div.row:first-of-type { background: var(--q8-teal); color: #fff; border-radius: 18px; padding: 14px 16px; gap: 14px; }
#clubMain.st108 .st108-qs > div.row:first-of-type .app-ico { --tile: var(--q8-lime) !important; background: var(--q8-lime); color: var(--q8-teal) !important; border-radius: 14px; }
#clubMain.st108 .st108-qs > div.row:first-of-type b { font: 700 16px var(--q8-font); color: #fff; }
#clubMain.st108 .st108-qs > div.row:first-of-type .muted { color: rgba(255,255,255,.75) !important; }
#clubMain.st108 .st108-qs .chip { background: var(--q8-lime); color: var(--q8-teal); border: 0; font-weight: 700; }
#clubMain.st108 .sc107-row { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 16px; padding: 14px 16px; }
#clubMain.st108 .sc107 { display: flex; flex-direction: column; gap: 14px; }
#clubMain.st108 .sc107 > p { margin: -8px 0 0; }
#clubMain.st108 .st108-tabs { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 24px; padding: 4px; display: inline-flex; flex-wrap: wrap; max-width: 100%; align-self: flex-start; }
#clubMain.st108 .st108-tabs > button { border-radius: 999px; font: 600 13px var(--q8-font); padding: 7px 14px; }
#clubMain.st108 .st108-tabs > button.on { background: var(--q8-teal) !important; color: #fff !important; }
#clubMain.st108 .billing-day-card { background: var(--q8-cream-2); border: 0; border-radius: 18px; padding: 16px; }
:root[data-theme="dark"] #clubMain.st108 .billing-day-card { background: var(--q8-cream); }
.st108-bm { display: flex; flex-direction: column; gap: 8px; }
.st108-bm + label.field { display: none !important; }
.st108-bmr { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.st108-bmr > button { display: flex; align-items: flex-start; gap: 10px; text-align: left; padding: 14px; border-radius: 16px; border: 1px solid var(--q8-line); background: var(--q8-card); color: var(--q8-ink); cursor: pointer; font: inherit; }
.st108-bmr > button > i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--q8-ink-3); flex: none; margin-top: 1px; }
.st108-bmr > button.on { border: 2px solid var(--q8-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--q8-teal) 12%, transparent); padding: 13px; }
.st108-bmr > button.on > i { border-color: var(--q8-teal); background: radial-gradient(circle, var(--q8-teal) 0 4px, transparent 5px); }
.st108-bmr b { display: block; font: 700 14.5px var(--q8-font); }
.st108-bmr small { font-size: 12.5px; color: var(--q8-ink-3); }
#clubMain.st108 .fees-studio table { border-collapse: separate; border-spacing: 0; width: 100%; border: 1px solid var(--q8-line); border-radius: 16px; overflow: hidden; }
#clubMain.st108 .fees-studio th { background: var(--q8-cream-2); font: 800 10.5px var(--q8-font); letter-spacing: .1em; text-transform: uppercase; color: var(--q8-ink-3); }
#clubMain.st108 .fees-studio .demo-banner, #clubMain.st108 .fees-studio .fee-warn, #clubMain.st108 .fees-studio [class*="warn"] { border-radius: 14px; }
.st108-fl .fee-log { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.st108-fl .fee-log > .tiny { display: block; font: 800 11px var(--q8-font); letter-spacing: .12em; text-transform: uppercase; color: var(--q8-ink-3); margin-bottom: 10px; }
#clubMain.st108 .sqr98 .sqr98-v { background: var(--q8-cream); border: 0; border-radius: 16px; padding: 14px; }
#clubMain.st108 .sqr98 h3 + p { margin: 6px 0 12px; }
#clubMain.st108 .sqr98 .sqr98-venues { display: flex; flex-direction: column; gap: 10px; }
#clubMain.st108 .pte96-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 14px; }
#clubMain.st108 .pte96-row { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 18px; padding: 14px; margin: 0; }
#clubMain.st108 .pte96-list > p { grid-column: 1 / -1; border: 1.5px dashed var(--q8-line); border-radius: 18px; padding: 26px; text-align: center; margin: 0; }
.st108-ppr { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border: 1px solid var(--q8-line); border-radius: 16px; padding: 12px 14px; background: var(--q8-card); }
.st108-ppr > small { color: var(--q8-ink-3); font-size: 12.5px; }
.st108-ppr > em { color: var(--q8-ink-3); font-size: 13px; }
.st108-ppc { display: inline-flex; align-items: center; gap: 8px; background: var(--q8-cream-2); border-radius: 12px; padding: 5px 10px 5px 5px; font: 700 13.5px var(--q8-font); }
.st108-ppc i { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--q8-teal); color: var(--q8-lime); font: 800 10px var(--q8-font); font-style: normal; overflow: hidden; }
.st108-ppc i img { width: 100%; height: 100%; object-fit: cover; }
#clubMain.st108 .st108-c > .card.st108-dz { background: color-mix(in srgb, var(--q8-red-soft) 55%, var(--q8-card)) !important; border: 1px solid color-mix(in srgb, var(--q8-red) 25%, transparent) !important; }
#clubMain.st108 .st108-dz h3 { color: var(--q8-red) !important; }
#clubMain.st108 .st108-dz h3 svg { color: var(--q8-red) !important; }
.st108-dzr { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.st108-dzi { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: var(--q8-card); border: 1px solid color-mix(in srgb, var(--q8-red) 20%, transparent); border-radius: 16px; padding: 14px 16px; flex-wrap: wrap; }
.st108-dzi > span { display: flex; flex-direction: column; min-width: 0; flex: 1 1 260px; }
.st108-dzi b { font: 700 15px var(--q8-font); }
.st108-dzi small { color: var(--q8-ink-2); font-size: 13px; }
.st108-out { height: 38px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--q8-red); color: var(--q8-red); background: var(--q8-card); font: 700 13.5px var(--q8-font); cursor: pointer; }
#clubMain.st108 .st108-dz .btn.danger.st108-del { background: var(--q8-red); color: #fff; height: 40px; }
@media (max-width: 1180px) {
  #clubMain.st108 .settings-grid .st108-sec.on, #clubMain.st108 .st108-sec[data-k="courts"].on, #clubMain.st108 .st108-sec[data-k="queue"].on { grid-template-columns: minmax(0, 1fr) !important; }
  .st108-sec[data-k="profile"] > .st108-c[data-c="c"] { position: static; }
}
@media (max-width: 900px) {
  #clubMain.st108 { grid-template-columns: minmax(0, 1fr); }
  #clubMain.st108 > * { grid-column: 1; }
  #clubMain.st108 > .st108-nav { grid-row: auto; position: static; flex-direction: row; min-height: 0; overflow-x: auto; margin-bottom: 18px; border-radius: 22px; scrollbar-width: none; }
  .st108-nav::-webkit-scrollbar { display: none; }
  .st108-ni { flex: none; padding: 8px 12px 8px 8px; }
  .st108-ni .st108-nt small { display: none; }
  .st108-nic { width: 32px; height: 32px; }
  .st108-ni.dz { margin-top: 0; }
  #clubMain.st108 .court-settings-row { flex-wrap: wrap; padding-left: 72px; }
  #clubMain.st108 .court-settings-row .qs { max-width: none; flex: 1 1 140px; }
  #clubMain.st108 .bn98-prev { height: 170px; }
}
.overlay.sh108c, .tp105.tp108 { display: flex; justify-content: flex-end; align-items: stretch; padding: 16px; background: rgba(8,30,32,.42); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.overlay.sh108c > .modal.sh108c-m { width: min(600px, 100%) !important; max-width: 600px !important; max-height: none; height: auto; margin: 0; display: flex; flex-direction: column; overflow: hidden; padding: 0; border: 0; border-radius: var(--q8-r-xl); background: var(--q8-cream); color: var(--q8-ink); box-shadow: var(--q8-shadow-lg); font-family: var(--q8-font); animation: sh108cIn .32s cubic-bezier(.2,.8,.2,1) both; }
.overlay.sh108c.closing > .modal { animation: sh108cOut .2s ease both; }
@keyframes sh108cIn { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes sh108cOut { to { transform: translateX(40px); opacity: 0; } }
.sh108c-m > .modal-h, .tp108 .tp105-h { padding: 18px 22px; background: var(--q8-card); border-bottom: 1px solid var(--q8-line); display: flex; align-items: center; gap: 14px; flex: none; }
.sh108c-t { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1; }
.sh108c-ic { width: 50px; height: 50px; border-radius: 15px; background: var(--q8-teal); color: var(--q8-lime); display: grid; place-items: center; flex: none; }
.sh108c-ic svg, .sh108c-ic .ic { width: 22px; height: 22px; }
.sh108c-tt { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sh108c-tt h3 { font: 800 25px/1.08 var(--q8-display) !important; letter-spacing: -.03em; margin: 0; color: var(--q8-ink); }
.sh108c-sub { color: var(--q8-ink-2); font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh108c-x, .tp108 [data-tp="close"] { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: var(--q8-cream-2) !important; color: var(--q8-ink) !important; border: 0 !important; flex: none; }
.sh108c-m > .modal-b { flex: 1; overflow: auto; padding: 20px 22px; display: flex; flex-direction: column; gap: 16px; }
.sh108c-m > .modal-b > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.sh108c-m > .modal-f { padding: 16px 22px; background: var(--q8-card); border-top: 1px solid var(--q8-line); display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex: none; }
.sh108c-m > .modal-f .btn { height: 48px; padding: 0 24px; border-radius: 999px; font: 700 15px var(--q8-font); }
.sh108c-m > .modal-f .btn.ghost { background: none; border: 0; color: var(--q8-ink); }
.sh108c-m > .modal-f .btn.primary { background: var(--q8-lime); color: var(--q8-teal); border: 0; box-shadow: none; }
.overlay .sh108c-p16 > .modal-f .btn.primary, .overlay .sh108c-p17 > .modal-f .btn.primary { background: var(--q8-teal); color: #fff; }
.sh108c-m .input { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 14px; min-height: 48px; font: 500 15px var(--q8-font); color: var(--q8-ink); }
.sh108c-m .input:focus { border: 2px solid var(--q8-teal); outline: 0; box-shadow: none; }
.sh108c-m label, .sh108c-m .field > span, .sh108c-m .field > label { font: 700 13px var(--q8-font); color: var(--q8-ink); }
.sh108c-m .card, .sh108c-box { background: var(--q8-card) !important; border: 0 !important; border-radius: 20px !important; padding: 18px !important; box-shadow: none; position: relative; }
.sh108c-m .seg { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 999px; padding: 4px; }
.sh108c-m .seg > button { border-radius: 999px; min-height: 40px; font: 600 14px var(--q8-font); }
.sh108c-m .seg > button.on { background: var(--q8-teal) !important; color: #fff !important; box-shadow: none !important; }
.sh108c-m .btn.sm { border-radius: 999px; }
.sh108c-p11 .hb90-prev { border-radius: 20px; height: 210px; background-color: var(--q8-cream-2); border: 0; }
.sh108c-p11 .hb90-prev + .row { gap: 10px; }
.sh108c-p11 .hb90-prev + .row > label.btn { background: var(--q8-teal); color: #fff; border: 0; height: 44px; padding: 0 18px; }
.sh108c-p11 .hb90-prev + .row > .btn.ghost { background: var(--q8-card); border: 1px solid var(--q8-line); height: 44px; }
.sh108c-cnt { position: absolute; right: 32px; bottom: 32px; font-size: 12px; color: var(--q8-ink-3); }
.sh108c-card { margin: 0 auto; width: min(260px, 100%); border: 1px solid var(--q8-line); border-radius: 18px; overflow: hidden; text-align: center; padding-bottom: 14px; display: flex; flex-direction: column; align-items: center; background: var(--q8-card); }
.sh108c-cb { align-self: stretch; height: 70px; background: var(--q8-hero); background-size: cover; }
.sh108c-cl { margin-top: -26px; border-radius: 16px; border: 3px solid var(--q8-card); overflow: hidden; line-height: 0; }
.sh108c-card b { font: 800 15px var(--q8-font); margin-top: 6px; }
.sh108c-card small { font-size: 12px; color: var(--q8-ink-3); padding: 0 10px; }
.sh108c-p12 #fhF { background: var(--q8-card); border-radius: 20px; padding: 18px; gap: 12px; }
.sh108c-p12 .modal-b .card { border: 1px solid var(--q8-line) !important; }
.sh108c-p12 .modal-b b, .sh108c-p12 .modal-b strong { font-family: var(--q8-display); }
.sh108c-p13 .modal-b .card, .sh108c-p13 .venue-fee-editor, .sh108c-p13 .billing-day-card { background: var(--q8-card) !important; border-radius: 20px !important; padding: 18px !important; border: 0 !important; }
.sh108c-mode { position: relative; background: var(--q8-card) !important; border: 1px solid var(--q8-line) !important; border-radius: 18px !important; padding: 16px !important; margin: 0 0 10px !important; display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.sh108c-mode { font-weight: 400 !important; background-image: none !important; }
.sh108c-mode::before, .sh108c-mode::after { display: none !important; }
.sh108c-mode .small, .sh108c-mode span.muted { font: 500 13px/1.4 var(--q8-font) !important; color: var(--q8-ink-3); }
.sh108c-mode b svg { width: 16px; height: 16px; }
.sh108c-mode.on { border: 2px solid var(--q8-teal) !important; padding: 15px !important; }
.sh108c-mode input { accent-color: var(--q8-teal) !important; width: 18px; height: 18px; }
.sh108c-mode b { font: 700 15.5px var(--q8-font); }
.sh108c-cur { position: absolute; top: 14px; right: 14px; }
.sh108c-p14 .modal-b > .col { gap: 0; }
.sh108c-p14 .modal-b > .col > .field { margin-top: 6px !important; }
.sh108c-exr { display: flex; align-items: center; gap: 10px; padding: 6px 0; }
.sh108c-exr > i { width: 24px; height: 24px; border-radius: 50%; background: var(--q8-teal); color: var(--q8-lime); display: grid; place-items: center; font: 800 12px var(--q8-font); font-style: normal; flex: none; }
.sh108c-exr > b { font: 700 14.5px var(--q8-font); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh108c-exr > small { color: var(--q8-ink-3); font-size: 12.5px; white-space: nowrap; }
.sh108c-foot { font-size: 12.5px; color: var(--q8-ink-2); display: flex; gap: 6px; align-items: center; margin: 0; }
.sh108c-foot svg { width: 14px; height: 14px; }
.sh108c-warn { background: var(--q8-lime-soft); color: var(--q8-ink); border-radius: 16px; padding: 12px 14px; font-size: 13.5px; display: flex; gap: 8px; align-items: center; margin: 0; }
.sh108c-warn svg { width: 16px; height: 16px; flex: none; }
.sh108c-p16 #donateQR { background: var(--q8-teal-2) !important; color: #f2eee7; border-radius: 24px !important; padding: 26px !important; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sh108c-p16 #donateQR .muted { color: rgba(255,255,255,.75) !important; }
.sh108c-p16 #donateQR img { max-width: 280px; width: 100%; border-radius: 18px; background: #fff; padding: 12px; }
.sh108c-tabs { display: flex; flex-wrap: wrap; gap: 6px; flex: none; }
.sh108c-tabs button { height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--q8-line); background: var(--q8-card); color: var(--q8-ink-2); font: 700 12px var(--q8-font); cursor: pointer; }
.sh108c-tabs button.on { background: var(--q8-teal); color: #fff; border-color: transparent; }
.sh108c-p17 .terms-body { display: flex; flex-direction: column; gap: 14px; max-height: none !important; overflow: visible !important; padding: 0 !important; border: 0 !important; background: none !important; }
.sh108c-ts h4 { font: 700 17px var(--q8-font); margin: 0 0 8px; }
.sh108c-ts p, .sh108c-ts li { font-size: 14.5px; line-height: 1.55; color: var(--q8-ink); }
.sh108c-ts p { margin: 0 0 8px; }
.sh108c-ts ul { margin: 0; padding-left: 18px; }
.sh108c-acc { margin-right: auto; color: var(--q8-ink-3); font-size: 13px; }
.tp108 .tp105-card { width: min(600px, 100%); max-height: none; height: 100%; border-radius: var(--q8-r-xl); background: var(--q8-cream); border: 0; color: var(--q8-ink); font-family: var(--q8-font); animation: sh108cIn .32s cubic-bezier(.2,.8,.2,1) both; overflow: auto; }
.tp108 .tp105-h .btn.icon { margin-left: auto; }
.tp108 .tp105-card > * { flex-shrink: 0; }
.tp108 .tp105-stage { margin: 20px 22px 0; border-radius: 22px; background: var(--q8-teal); flex: none; box-shadow: inset 0 0 0 6px var(--q8-teal); }
.tp108 .tp105-n { background: var(--q8-teal); color: #fff; border-radius: 10px; font-family: var(--q8-font); }
.tp108 .tp105-bar { padding: 14px 22px 0; }
.tp108 .tp105-bar span { height: 5px; background: var(--q8-cream-2); }
.tp108 .tp105-bar span i { background: var(--q8-teal); }
.tp108 .tp105-cap { margin: 14px 22px 0; background: var(--q8-card); border-radius: 20px; padding: 16px 18px; }
.tp108 .tp105-caption { font: 700 18px/1.3 var(--q8-display); letter-spacing: -.01em; margin-top: 8px; }
.tp108 .tp105-hint { color: var(--q8-ink-2); }
.tp108-list { list-style: none; margin: 14px 22px 0; padding: 12px 16px; background: var(--q8-card); border-radius: 20px; display: flex; flex-direction: column; gap: 4px; }
.tp108-list li { display: flex; align-items: center; gap: 12px; padding: 6px 0; font-size: 14.5px; color: var(--q8-ink-2); cursor: pointer; }
.tp108-list li > i { width: 28px; height: 28px; border-radius: 50%; background: var(--q8-cream-2); color: var(--q8-ink-2); display: grid; place-items: center; font: 800 12.5px var(--q8-font); font-style: normal; flex: none; }
.tp108-list li > i svg { width: 14px; height: 14px; }
.tp108-list li.done > i { background: var(--q8-green-soft); color: var(--q8-green); }
.tp108-list li.cur { color: var(--q8-ink); font-weight: 700; }
.tp108-list li.cur > i { background: var(--q8-teal); color: var(--q8-lime); }
.tp108 .tp105-ctl { margin-top: auto; padding: 16px 22px; background: var(--q8-card); border-top: 1px solid var(--q8-line); position: sticky; bottom: 0; }
.tp108 .tp105-dots { display: none; }
.tp108 .tp105-ctl > .btn.icon { width: 44px; height: 44px; border-radius: 50%; background: var(--q8-card); border: 1px solid var(--q8-line); color: var(--q8-ink); }
.tp108 .tp105-ctl > .btn.icon.primary { width: 52px; height: 52px; background: var(--q8-teal); color: #fff; border: 0; }
.tp108 .tp105-ctl [data-tp="replay"] { margin-left: auto; background: none; border: 0; font: 700 14.5px var(--q8-font); color: var(--q8-ink); }
.tp108-next { height: 48px; padding: 0 22px; }
.tp108-next[disabled] { opacity: .45; cursor: default; }
.tp108-next svg { width: 16px; height: 16px; }
main.pro108 { max-width: 1320px; font-family: var(--q8-font); color: var(--q8-ink); }
.pro108-hero { display: flex; align-items: center; gap: 22px; background: var(--q8-teal); color: #f2eee7; border-radius: var(--q8-r-xl); padding: 26px 28px; margin-bottom: 24px; flex-wrap: wrap; }
.pro108-crown { width: 76px; height: 76px; border-radius: 22px; background: var(--q8-lime); color: var(--q8-teal); display: grid; place-items: center; flex: none; }
.pro108-crown svg { width: 34px; height: 34px; }
.pro108-ht { flex: 1 1 380px; min-width: 0; }
.pro108-eb { font: 800 11px var(--q8-font); letter-spacing: .14em; text-transform: uppercase; color: var(--q8-lime); }
.pro108-hero .q8-title { color: #fff; font-size: clamp(34px, 4vw, 50px); margin: 4px 0 6px; }
.pro108-hero .q8-title mark { background: none; color: var(--q8-lime); padding: 0; margin: 0; }
.pro108-hero p { margin: 0; color: rgba(242,238,231,.82); font-size: 14.5px; }
.pro108-all { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.pro108-cnt { font-size: 15px; color: rgba(242,238,231,.85); }
.pro108-cnt b { font: 800 40px/1 var(--q8-display); color: var(--q8-lime); margin-right: 4px; }
.pro108-all .q8-btn { height: 38px; font-size: 13px; }
.pro108-all .q8-btn.dark { background: var(--q8-teal-3); }
.pro108-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.pro108-seg { display: inline-flex; background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 999px; padding: 4px; gap: 2px; }
.pro108-seg button { border: 0; background: none; border-radius: 999px; height: 36px; padding: 0 14px; font: 700 13.5px var(--q8-font); color: var(--q8-ink-2); cursor: pointer; }
.pro108-seg button span { font-weight: 600; opacity: .8; }
.pro108-seg button.on { background: var(--q8-teal); color: #fff; }
.pro108-search { position: relative; flex: 0 1 300px; }
.pro108-search svg { position: absolute; left: 16px; top: 50%; translate: 0 -50%; width: 16px; height: 16px; color: var(--q8-ink-3); }
.pro108-search .input { width: 100%; height: 44px; border-radius: 999px; padding-left: 42px; background: var(--q8-card); border: 1px solid var(--q8-line); }
.pro108-cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px 16px; align-items: start; }
.pro108-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pro108-col h3 { font: 800 11px var(--q8-font); letter-spacing: .14em; text-transform: uppercase; color: var(--q8-ink-3); margin: 0; }
.pro108-card { background: var(--q8-card); border-radius: var(--q8-r-lg); padding: 18px; border: 2px solid transparent; box-shadow: var(--q8-shadow); display: flex; flex-direction: column; gap: 10px; }
.pro108-card[hidden], .pro108-col[hidden] { display: none; }
.pro108-card.on { border-color: var(--q8-lime); }
.pro108-card.locked { opacity: .7; }
.pro108-top { display: flex; align-items: center; gap: 12px; }
.pro108-top b { font: 700 16.5px var(--q8-font); flex: 1; min-width: 0; }
.pro108-ic { width: 42px; height: 42px; border-radius: 13px; background: var(--q8-cream-2); color: var(--q8-ink); display: grid; place-items: center; flex: none; }
.pro108-card.on .pro108-ic { background: var(--q8-teal); color: var(--q8-lime); }
.pro108-ic svg { width: 19px; height: 19px; }
.pro108-card .switch input:checked + span { background: var(--q8-teal); }
.pro108-card .switch input:checked + span::after { background: var(--q8-lime); }
.pro108-card > p { margin: 0; font-size: 13.5px; color: var(--q8-ink-2); line-height: 1.45; }
.pro108-how summary { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.pro108-how summary::-webkit-details-marker { display: none; }
.pro108-hb { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--q8-line); font: 700 12.5px var(--q8-font); }
.pro108-hb svg { width: 14px; height: 14px; }
.pro108-how .pro91-state { font: 700 11px var(--q8-font); padding: 3px 8px; border-radius: 999px; background: var(--q8-cream-2); color: var(--q8-ink-2); }
.pro108-card.on .pro91-state { background: var(--q8-green-soft); color: var(--q8-green); }
.pro108-how ol { margin: 12px 0 6px; padding-left: 20px; font-size: 13px; color: var(--q8-ink-2); line-height: 1.5; }
.pro108-how .pro91-where { display: flex; gap: 6px; align-items: center; font-size: 12.5px; color: var(--q8-ink-3); margin: 0; }
.pro108-how .pro91-where svg { width: 13px; height: 13px; }
@media (max-width: 640px) { .pro108-all { align-items: flex-start; flex-direction: row; flex-wrap: wrap; } .pro108-search { flex: 1 1 100%; } }
main.lg108 { font-family: var(--q8-font); color: var(--q8-ink); max-width: 1320px; }
main.lg108 .legal-layout { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 24px; align-items: start; }
.lg108-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 16px; min-width: 0; }
main.lg108 .legal-nav { background: var(--q8-card); border-radius: var(--q8-r-xl); padding: 10px; box-shadow: var(--q8-shadow); display: flex; flex-direction: column; gap: 4px; position: static; width: auto; }
main.lg108 .legal-nav a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 18px; font: 700 14.5px var(--q8-font); color: var(--q8-ink); background: none; text-decoration: none; cursor: pointer; }
main.lg108 .legal-nav a:hover { background: var(--q8-cream); }
.lg108-ni { width: 36px; height: 36px; border-radius: 12px; background: var(--q8-cream-2); display: grid; place-items: center; flex: none; }
.lg108-ni svg { width: 16px; height: 16px; }
main.lg108 .legal-nav a.on { background: var(--q8-teal); color: #fff; }
main.lg108 .legal-nav a.on .lg108-ni { background: var(--q8-lime); color: var(--q8-teal); }
.lg108-contact { background: color-mix(in srgb, var(--q8-lime-soft) 60%, var(--q8-card)); border: 2px solid var(--q8-lime-soft); border-radius: var(--q8-r-lg); padding: 18px; display: flex; flex-direction: column; gap: 4px; }
.lg108-contact a { font: 700 15px var(--q8-font); color: var(--q8-ink); }
.lg108-contact small { color: var(--q8-ink-2); font-size: 12.5px; }
.lg108-toc { background: var(--q8-card); border-radius: var(--q8-r-lg); padding: 18px; display: flex; flex-direction: column; gap: 2px; max-height: 46vh; overflow: auto; }
.lg108-toc a { font-size: 13.5px; color: var(--q8-ink-3); padding: 5px 0 5px 14px; text-decoration: none; position: relative; }
.lg108-toc a.on { color: var(--q8-ink); font-weight: 700; }
.lg108-toc a.on::before { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--q8-teal); translate: 0 -50%; }
main.lg108 .legal-body { background: var(--q8-card); border: 0; border-radius: var(--q8-r-xl); padding: 34px 36px; box-shadow: var(--q8-shadow); min-width: 0; }
.lg108-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
main.lg108 .legal-body h2 { font: 500 clamp(30px, 3.4vw, 40px)/1.05 var(--q8-display); letter-spacing: -.035em; margin: 0; }
main.lg108 .legal-body h2 b { font-weight: 800; }
.lg108-dl { cursor: pointer; }
.lg108-dl svg { width: 14px; height: 14px; }
main.lg108 .legal-body h4 { font: 700 18px var(--q8-font); margin: 22px 0 6px; scroll-margin-top: 20px; }
main.lg108 .legal-body p, main.lg108 .legal-body li { font-size: 15px; line-height: 1.6; color: var(--q8-ink); }
main.lg108 .legal-body > p.small.muted { color: var(--q8-ink-2); font-size: 13.5px; }
main.lg108 .legal-body ul.lg108-tiles { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
main.lg108 .legal-body ul.lg108-tiles li { background: var(--q8-cream); border-radius: 16px; padding: 14px 16px; font-size: 13.5px !important; color: var(--q8-ink-2) !important; line-height: 1.45 !important; }
main.lg108 .legal-body ul.lg108-tiles li b { display: block; font: 700 14.5px var(--q8-font); color: var(--q8-ink); margin-bottom: 2px; }
main.lg108 .legal-foot { text-align: center; color: var(--q8-ink-3); }
@media (max-width: 900px) {
  main.lg108 .legal-layout { grid-template-columns: minmax(0, 1fr); }
  .lg108-side { position: static; }
  main.lg108 .legal-nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  main.lg108 .legal-nav a { flex: none; white-space: nowrap; }
  .lg108-toc { display: none; }
  main.lg108 .legal-body { padding: 22px 18px; }
}
@media print { .lg108-side, .topbar, .lg108-dl, .c8-head, .legal-foot { display: none !important; } main.lg108 .legal-layout { display: block; } main.lg108 .legal-body { box-shadow: none; padding: 0; } }
main.hp108 { font-family: var(--q8-font); color: var(--q8-ink); max-width: 1320px; }
main.hp108 .hp105-sticky { background: none; box-shadow: none; padding: 0 0 6px; border: 0; }
main.hp108 .hp105-search { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 999px; height: 54px; box-shadow: none; }
main.hp108 .hp105-search .input { background: none; border: 0; font-size: 15px; }
main.hp108 .hp105-chips { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 999px; padding: 4px; display: inline-flex; gap: 2px; margin-top: 16px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
main.hp108 .hp105-chip { border: 0; background: none; border-radius: 999px; height: 36px; padding: 0 14px; font: 600 13.5px var(--q8-font); color: var(--q8-ink-2); white-space: nowrap; flex: none; }
main.hp108 .hp105-chip.on { background: var(--q8-teal); color: #fff; }
.hp108-n { display: inline-grid; place-items: center; min-width: 24px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--q8-lime); color: var(--q8-teal); font: 800 11px var(--q8-font); margin-left: 6px; }
.hp108-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; margin-top: 18px; }
main.hp108 .hp105-faqs, main.hp108 .hp105-secs { margin: 0; padding: 0; }
main.hp108 .hp105-lh { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
main.hp108 .hp105-lh h2 { font: 700 19px var(--q8-display); display: flex; align-items: center; gap: 4px; margin: 0; }
main.hp108 .hp105-list { display: flex; flex-direction: column; gap: 10px; }
main.hp108 .hp105-faq { background: var(--q8-card); border: 1.5px solid transparent; border-radius: var(--q8-r-lg); box-shadow: var(--q8-shadow); overflow: hidden; }
main.hp108 .hp105-faq[open] { border-color: var(--q8-teal); }
main.hp108 .hp105-faq summary { padding: 14px 18px; gap: 14px; display: flex; align-items: center; }
main.hp108 .hp105-fi { width: 40px; height: 40px; border-radius: 12px; background: var(--q8-cream-2); color: var(--q8-ink); display: grid; place-items: center; flex: none; }
main.hp108 .hp105-faq[open] .hp105-fi { background: var(--q8-teal); color: var(--q8-lime); }
main.hp108 .hp105-fq { font: 700 15.5px var(--q8-font); flex: 1; min-width: 0; }
.hp108-sc { background: var(--q8-cream-2); color: var(--q8-ink-2); font: 700 11.5px var(--q8-font); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
main.hp108 .hp105-faq[open] .hp108-sc { display: none; }
main.hp108 .hp105-fa { padding: 0 22px 18px 72px; font-size: 14.5px; line-height: 1.6; }
main.hp108 .hp105-play { background: var(--q8-teal); color: #fff; border-radius: 18px; border: 0; padding: 10px 18px 10px 10px; }
main.hp108 .hp105-play i { background: var(--q8-lime); color: var(--q8-teal); }
main.hp108 .hp105-tags span { background: var(--q8-cream-2); border-radius: 999px; font-weight: 700; }
.hp108-aside { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 16px; min-width: 0; }
.hp108-person { border-radius: var(--q8-r-xl); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.hp108-eb { font: 800 11px var(--q8-font); letter-spacing: .14em; text-transform: uppercase; color: var(--q8-lime); }
.hp108-person > b { font: 700 21px/1.2 var(--q8-display); color: #fff; }
.hp108-pb { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hp108-pb .q8-btn { justify-content: center; height: 44px; padding: 0 10px; }
.hp108-pb .q8-btn.dark { background: var(--q8-teal-3); }
.hp108-pb svg { width: 15px; height: 15px; }
.hp108-person small { color: rgba(242,238,231,.7); font-size: 12.5px; }
main.hp108 .hp108-aside .hp105-lh { margin-bottom: 10px; }
main.hp108 .hp108-aside .hp105-lh h2 { font: 800 11px var(--q8-font); letter-spacing: .14em; text-transform: uppercase; color: var(--q8-ink-3); }
main.hp108 .hp108-aside .hp105-lh .small { display: none; }
main.hp108 .hp105-grid { display: flex; flex-direction: column; gap: 10px; grid-template-columns: none; }
main.hp108 .hp105-sec { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 18px; padding: 0; box-shadow: none; }
main.hp108 .hp105-sec.dim { opacity: .55; }
main.hp108 .hp105-sh { display: flex; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; margin: 0; }
main.hp108 .hp105-si { width: 40px; height: 40px; border-radius: 12px; background: var(--q8-cream-2); display: grid; place-items: center; flex: none; }
main.hp108 .hp105-sec[data-sec="safety"] .hp105-si { background: var(--q8-green-soft); color: var(--q8-green); }
main.hp108 .hp105-sec[data-sec="community"] .hp105-si { background: var(--q8-lime-soft); color: var(--q8-teal); }
main.hp108 .hp105-sec[data-sec="prohibitions"] .hp105-si { background: var(--q8-red-soft); color: var(--q8-red); }
.hp108-st { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.hp108-st h3 { font: 700 15px var(--q8-font) !important; margin: 0 !important; }
.hp108-ss { color: var(--q8-ink-3); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hp108-chev { color: var(--q8-ink-3); transition: transform .2s; display: grid; }
.hp108-chev svg { width: 16px; height: 16px; }
main.hp108 .hp105-sec.open .hp108-chev { transform: rotate(90deg); }
main.hp108 .hp105-sec .hp105-sb, main.hp108 .hp105-sec .hp105-sa { display: none; }
main.hp108 .hp105-sec.open .hp105-sb { display: block; padding: 0 16px 6px; font-size: 13.5px; line-height: 1.55; }
main.hp108 .hp105-sec.open .hp105-sa { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 16px 16px; }
main.hp108 .hp105-sa .btn { border-radius: 999px; }
main.hp108 .hp105-sa .btn.primary { background: var(--q8-teal); color: #fff; border: 0; }
.hp108-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hp108-foot .q8-btn { justify-content: center; padding: 0 10px; }
.hp108-foot svg { width: 15px; height: 15px; }
.hp108-walk { display: flex; flex-direction: column; gap: 8px; }
.hp108-walk button { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; border: 1px solid var(--q8-line); background: var(--q8-card); color: var(--q8-ink); text-align: left; cursor: pointer; font: inherit; }
.hp108-walk button > i { width: 36px; height: 36px; border-radius: 50%; background: var(--q8-lime); color: var(--q8-teal); display: grid; place-items: center; flex: none; }
.hp108-walk button > span { flex: 1; display: flex; flex-direction: column; }
.hp108-walk small { color: var(--q8-ink-3); }
@media (max-width: 1100px) { .hp108-grid { grid-template-columns: minmax(0, 1fr); } .hp108-aside { position: static; } }
@media (max-width: 640px) { main.hp108 .hp105-fa { padding-left: 18px; } .hp108-sc { display: none; } main.hp108 .hp105-chips { display: flex; } }
main.ts108 { font-family: var(--q8-font); color: var(--q8-ink); max-width: 1320px; }
.ts108-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }
.ts108-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.ts108-aside { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 16px; min-width: 0; }
main.ts108 .ts108-form { background: var(--q8-card); border: 0; border-radius: var(--q8-r-xl); padding: 22px; box-shadow: var(--q8-shadow); margin: 0; }
.ts108-h { display: flex; align-items: center; gap: 12px; font: 700 19px var(--q8-display); margin: 0; }
.ts108-h svg { width: 38px; height: 38px; padding: 10px; border-radius: 12px; background: var(--q8-cream-2); box-sizing: border-box; }
main.ts108 .ts108-form .input { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 14px; min-height: 48px; font: 500 15px var(--q8-font); }
:root[data-theme="dark"] main.ts108 .ts108-form .input { background: var(--q8-cream); }
main.ts108 .ts108-form textarea.input { min-height: 130px; }
main.ts108 .ts108-form .field > label { font: 700 13px var(--q8-font); }
.ts108-fr { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ts108-fr .q8-btn { height: 50px; padding: 0 26px; font-size: 15px; width: auto; }
.ts108-fr .q8-btn svg { width: 16px; height: 16px; }
.ts108-rh { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.ts108-rh h3 { font: 700 19px var(--q8-display); margin: 0; display: flex; align-items: center; gap: 8px; }
.ts108-n { font: 700 13px var(--q8-font); color: var(--q8-ink-3); }
main.ts108 #supportList { gap: 10px; }
main.ts108 #supportList > .card { background: var(--q8-card); border: 0; border-radius: var(--q8-r-lg); box-shadow: var(--q8-shadow); padding: 14px 18px !important; gap: 14px; align-items: center; }
main.ts108 #supportList > .card[hidden] { display: none; }
.ts108-ri { width: 42px; height: 42px; border-radius: 12px; background: var(--q8-cream-2); display: grid; place-items: center; flex: none; }
.ts108-ri svg { width: 18px; height: 18px; }
main.ts108 #supportList > .card b { font: 700 16px var(--q8-font); }
main.ts108 #supportList .chip { border-radius: 999px; font: 700 11.5px var(--q8-font); text-transform: capitalize; }
main.ts108 #supportList .chip.warn { background: var(--q8-orange-soft); color: var(--q8-orange); border: 0; }
main.ts108 #supportList .chip.good { background: var(--q8-green-soft); color: var(--q8-green); border: 0; }
main.ts108 #supportList .btn { border-radius: 999px; background: var(--q8-card); border: 1px solid var(--q8-line); color: var(--q8-ink); }
.ts108-common { border-radius: var(--q8-r-xl); padding: 20px; }
.ts108-ch { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.ts108-ch h3 { font: 700 18px var(--q8-display); margin: 0; }
.ts108-ch a { font: 700 13px var(--q8-font); color: var(--q8-ink); display: inline-flex; align-items: center; cursor: pointer; }
.ts108-ch a svg { width: 14px; height: 14px; }
.ts108-cg { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.ts108-cg button { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--q8-line); background: var(--q8-card); color: var(--q8-ink); text-align: left; cursor: pointer; font: inherit; }
.ts108-cg button > span { width: 36px; height: 36px; border-radius: 10px; background: var(--q8-cream-2); display: grid; place-items: center; flex: none; }
.ts108-cg button > span svg { width: 16px; height: 16px; }
.ts108-cg button > b { flex: 1; font: 700 14px var(--q8-font); }
.ts108-cg button > svg { width: 15px; height: 15px; color: var(--q8-ink-3); }
.ts108-dev { border-radius: var(--q8-r-xl); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.ts108-heart { width: 48px; height: 48px; border-radius: 14px; background: var(--q8-lime); color: var(--q8-teal); display: grid; place-items: center; }
.ts108-heart svg { width: 22px; height: 22px; fill: currentColor; }
.ts108-dev h3 { font: 700 21px var(--q8-display); color: #fff; margin: 4px 0 0; }
.ts108-dev p { margin: 0; color: rgba(242,238,231,.8); font-size: 13.5px; line-height: 1.5; }
.ts108-dev .q8-btn { justify-content: center; height: 48px; }
.ts108-inc, .ts108-rt { border-radius: var(--q8-r-xl); padding: 20px; }
.ts108-inc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ts108-inc li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; }
.ts108-inc li i { width: 24px; height: 24px; border-radius: 50%; background: var(--q8-teal); color: var(--q8-lime); display: grid; place-items: center; font: 800 12px var(--q8-font); font-style: normal; flex: none; }
.ts108-rt b { display: block; font: 800 22px var(--q8-display); letter-spacing: -.02em; }
.ts108-rt small { color: var(--q8-ink-3); font-size: 12.5px; }
@media (max-width: 1100px) { .ts108-grid { grid-template-columns: minmax(0, 1fr); } .ts108-aside { position: static; } }
@media (max-width: 640px) { .ts108-rh { flex-wrap: wrap; } main.ts108 #supportList > .card { flex-wrap: wrap; } }
@media (max-width: 640px) {
  .overlay.sh108c, .tp105.tp108 { padding: 8px; }
  .sh108c-tt h3 { font-size: 21px !important; }
  .sh108c-m > .modal-b { padding: 16px; }
  .tp108 .tp105-stage, .tp108 .tp105-cap, .tp108-list { margin-left: 14px; margin-right: 14px; }
  .tp108 .tp105-ctl { padding: 12px 14px; }
  .tp108-next { padding: 0 14px; }
}
main.pro108 .pro108-card.pro91-row { display: flex; flex-direction: column; text-align: left; padding: 18px; cursor: default; align-items: stretch; }
main.pro108 .pro108-top { justify-content: flex-start; text-align: left; }
main.pro108 .pro108-how { padding: 0; margin: 0; text-align: left; }
main.pro108 .pro108-how summary { display: flex; background: none; padding: 0; border: 0; justify-content: flex-start; width: auto; margin: 0; }
main.pro108 .pro108-how ol { display: block; }
@media (min-width: 901px) { .c8-head { flex-wrap: nowrap; } .c8-head-t, .c8-head > .q8-head-t { flex: 1 1 auto; min-width: 0; } .c8-head-r, .c8-head > .q8-head-a { flex: none; } }
main.ts108 .ts108-form .qs-btn { background: var(--q8-card); border: 1px solid var(--q8-line); border-radius: 14px; min-height: 48px; font: 500 15px var(--q8-font); color: var(--q8-ink); }
:root[data-theme="dark"] main.ts108 .ts108-form .qs-btn { background: var(--q8-cream); }
#clubMain.st108 .court-settings-row { display: flex !important; grid-template-columns: none !important; }
:root[data-theme="dark"] .st108-ni.on { background: var(--q8-teal-3); }
:root[data-theme="dark"] main.lg108 .legal-nav a.on { background: var(--q8-teal-3); }
:root[data-theme="dark"] .pro108-seg button.on, :root[data-theme="dark"] main.hp108 .hp105-chip.on, :root[data-theme="dark"] .sh108c-tabs button.on { background: var(--q8-teal-3); }