/* Liquid Glass: light surfaces, clear actions, consistent spacing. */
:root{
  --ink:#29273b;--ink-soft:#534b42;--muted:#71634e;
  --forest:#825b1e;--forest-2:#684617;--mint:#f8edcf;--gold:#766139;
  --line:rgba(119,88,33,.1);--cream:#faf6ed;
  --glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.86);
  --glass-shadow:0 8px 32px rgba(130,96,39,.07),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.3);
  --shadow:var(--glass-shadow);--depth-shadow:var(--glass-shadow);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
body,body.auth-page{
  background:radial-gradient(ellipse at 0 10%,#f8e6b5 0,transparent 48%),radial-gradient(ellipse at 100% 35%,#f5eddc 0,transparent 46%),radial-gradient(ellipse at 65% 90%,#f2dbad 0,transparent 42%),#fdfaf3;
  background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;
}
body:before,body:after{display:none}
.app-shell{width:min(1120px,calc(100% - 48px));margin:24px auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;overflow:clip;border-radius:0}
.topbar{height:80px;padding:0 24px;border:0;border-radius:28px;background:rgba(255,255,255,.7);box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.brand b{font-size:19px;letter-spacing:-.025em}.brand small{color:var(--muted)}
.brand-logo{border-radius:50%;box-shadow:0 2px 8px rgba(130,96,39,.08)}
.avatar,.icon-btn{box-shadow:none}.avatar{background:var(--forest);color:white;font-weight:600}.icon-btn{background:rgba(255,255,255,.65)}
.language-switch{background:rgba(247,235,205,.55);border:0;box-shadow:inset 0 1px 3px rgba(125,92,34,.06);padding:3px}
.language-switch a{min-height:40px;color:var(--ink-soft)}
.language-switch a[aria-current]{background:rgba(255,255,255,.96);color:var(--forest);box-shadow:0 2px 8px rgba(125,92,34,.12);font-weight:750}
main{padding:28px 4px 140px}
.eyebrow,.announcement-kicker{font-weight:650;font-size:10px;letter-spacing:.13em;color:var(--muted)}
.hello-row{margin-top:32px}.hello-row h1,.page-head h1,.profile-title h1{font-weight:650;letter-spacing:-.035em;line-height:1.15}
.hello-row h1{font-size:clamp(27px,3.2vw,38px)}
.announcement-viewport,.member-card,.action-card,.experience-card,.booking-card,.registration-card,.member-identity,.profile-pass,.profile-stats article,.menu-list,.plan-card,.shop-card,.about-card,.auth-card,.guest-gate,.teacher-showcase{
  border:0;background:var(--glass);color:var(--ink);border-radius:28px;box-shadow:var(--glass-shadow);
}
.announcement-viewport{background:linear-gradient(120deg,rgba(255,255,255,.78),rgba(252,233,176,.48));position:relative}
.announcement-slide{color:var(--ink);padding:36px 40px}
.announcement-slide:after{background:linear-gradient(100deg,rgba(255,255,255,.45),rgba(255,255,255,0));z-index:-1}
.announcement-welcome:before{background:radial-gradient(ellipse at 83% 40%,rgba(231,179,49,.28),transparent 49%)}
.announcement-visit:before{background:radial-gradient(ellipse at 82% 30%,rgba(226,187,98,.25),transparent 49%)}
.announcement-scan:before{background:radial-gradient(ellipse at 82% 30%,rgba(213,188,137,.26),transparent 49%)}
.announcement-copy{max-width:70%}.announcement-copy h2{font-weight:650;letter-spacing:-.04em;line-height:1.12}
.announcement-copy p{color:var(--muted);max-width:400px}.announcement-kicker{color:var(--forest)}
.announcement-art{right:7%;width:205px;height:205px;filter:none;opacity:.85}
.announcement-art i{border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 10px rgba(255,255,255,.35),0 6px 20px rgba(155,114,39,.06);background:rgba(255,255,255,.06)}
.announcement-art b{background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(255,255,255,.2));color:var(--forest);border:0;box-shadow:var(--glass-shadow);backdrop-filter:blur(8px);font-family:inherit;font-size:25px;border-radius:23px}
.announcement-arrow{background:rgba(255,255,255,.8);color:var(--ink);border:0}.announcement-dots{gap:8px;bottom:2px}.announcement-dots button{position:relative;background:#d5c49d}.announcement-dots button.active{background:var(--forest);width:20px}.announcement-dots button:before{content:"";position:absolute;inset:-10px -3px}
.announcement-copy button,.member-cta,.booking-bar button,.teacher-actions button,.shop-body button,.auth-submit,.sheet-action,.promo-action,.guest-gate a.primary{
  min-height:46px;height:auto;padding:13px 20px;border-radius:999px;background:var(--forest);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(153,106,23,.12);border:0;line-height:1.3;
}
.member-card,.member-card.is-active{height:190px;margin-top:20px;transform-style:flat;background:linear-gradient(115deg,rgba(255,255,255,.77),rgba(255,255,255,.32))}
.member-card:before,.member-card:after{display:none}.member-card-copy{left:28px;max-width:76%;transform:translateY(-50%)}
.member-label{padding:0;background:none;border:0;color:var(--muted);font-size:11px}
.member-card h2,html[lang=en] .member-card h2{font-size:27px;margin:8px 0 5px;font-weight:650}.member-card p{color:var(--muted);font-size:13px;margin-bottom:16px}
.member-cta{min-height:40px;padding:10px 18px;font-size:13px}.member-orbit{right:5%;width:125px;height:125px;opacity:.4;filter:none;transform:translateY(-50%)}.member-orbit>i{border-color:#d8b66c}.brand-mark.light{background:rgba(194,152,62,.13)}
.primary-actions{gap:14px;margin-top:16px}.action-card,.sound-action{background:rgba(255,255,255,.62);padding:22px;min-height:104px;backdrop-filter:none}.action-card b{font-size:19px;font-weight:650}.action-card em{color:var(--muted);line-height:1.4}.action-icon,.sound-action .action-icon{background:rgba(252,236,191,.85);color:var(--forest);border-radius:18px;box-shadow:inset 0 1px 0 white;width:48px;height:48px}
.experience-section{margin-top:40px}.section-head h2{font-size:27px;font-weight:650}.soft-note,.access-pill{background:rgba(255,255,255,.6);color:var(--muted)}
.experience-grid{gap:16px;margin-top:18px}.experience-card{padding:26px;min-height:245px}.experience-card:after{display:none}.audio-card,.visit-card{background:rgba(255,255,255,.58);color:var(--ink)}
.mini-pill,.visit-card .mini-pill{background:rgba(248,233,194,.7);color:var(--forest);font-size:11px}.experience-card h3{font-weight:650}.experience-card p{color:var(--muted);line-height:1.6}.card-bottom button,.visit-card .card-bottom button{min-height:44px;padding:10px 18px;border-radius:999px;background:var(--forest);color:#fff;font-weight:600}.card-bottom small{color:var(--muted)}
.teacher-showcase{margin-top:32px;background:rgba(255,255,255,.4);padding:12px;backdrop-filter:none}.teacher-showcase:before,.teacher-photo-shine{display:none}.teacher-hero,.teacher-gallery figure{box-shadow:none;border-radius:22px}.teacher-story h2{font-weight:650}.teacher-story>p{color:var(--muted)}.teacher-story .teacher-lead{font-weight:600}
.teacher-points span{background:rgba(255,255,255,.55);border:0;box-shadow:none}.teacher-points b{white-space:normal;line-height:1.5;font-weight:600}.teacher-actions a{background:rgba(255,255,255,.65);border:0;border-radius:999px;box-shadow:none;font-weight:600}
.teacher-hero-label{border:0;background:rgba(27,28,49,.64);box-shadow:none}.teacher-gallery figcaption{padding:14px;border-radius:18px;background:rgba(29,28,47,.7);backdrop-filter:blur(12px);left:12px;right:12px;bottom:12px}.teacher-gallery figcaption span{color:#f7eedb}
.bottom-nav{width:min(460px,calc(100% - 32px));bottom:max(16px,env(safe-area-inset-bottom));padding:6px;gap:4px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,251,240,.8);box-shadow:0 10px 40px rgba(111,79,29,.14),inset 0 1px 0 white;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}
.bottom-nav button{min-height:54px;border-radius:999px;color:var(--muted);gap:4px}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button span{font-size:11px;font-weight:550}.bottom-nav button.active{background:rgba(245,219,152,.7);color:#614817;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.bottom-nav button.is-locked{opacity:1}.bottom-nav button.is-locked:after{display:none}
.segmented{border:0;border-radius:999px;background:rgba(244,233,207,.65);box-shadow:none}.segmented button{border-radius:999px;min-height:44px;font-weight:550;color:var(--muted)}.segmented button.active{background:rgba(255,255,255,.9);font-weight:650;box-shadow:0 2px 8px rgba(130,96,39,.08)}
.plan-card{padding:24px;gap:4px}.plan-card.recommended{background:rgba(255,243,210,.85);color:var(--ink);box-shadow:var(--glass-shadow)}.plan-badge{position:static;align-self:flex-start;margin-bottom:10px;background:#f6e8c2;color:#715319;font-weight:600}.plan-card h3{font-size:20px;line-height:1.35}.plan-card.recommended .plan-price del{color:var(--muted)}.plan-card button,.plan-card.recommended button{background:var(--forest);color:#fff;border-radius:999px;font-weight:600;min-height:46px}.plan-card li:before{color:var(--forest)}
.service,.date,.time-grid button,.track{background:rgba(255,255,255,.65);border-color:transparent}.service.active,.time-grid button.active{background:#fae9bb;border-color:#c39840;color:#533e1c}.date.active{background:var(--forest)}.service-icon{color:var(--forest)}.service>i{color:var(--forest)}
.booking-bar,.mini-player{background:rgba(255,251,240,.91);color:var(--ink);border:0;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.booking-bar{bottom:100px}.booking-bar small{color:var(--muted)}.mini-player{bottom:100px}.mini-player button{color:var(--forest)}.mini-progress{background:#e8d8b4}.mini-progress i{background:var(--forest)}
.profile-pass>span,.profile-pass p,.member-identity p,.member-identity .eyebrow,.member-identity p b{color:var(--muted)}.profile-pass button{background:var(--forest);color:white;border-radius:999px}.verified-pill{color:var(--forest);border-color:#dfcda4}.menu-list button,.menu-list .menu-lang{min-height:52px;border-color:rgba(119,90,37,.06)}
.plan-sheet,.login-promo{background:rgba(255,252,244,.94);color:var(--ink);border:1px solid rgba(255,255,255,.88);border-radius:30px;box-shadow:0 20px 80px rgba(97,73,29,.2);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.plan-sheet{bottom:12px;max-height:calc(100dvh - 32px);overflow:auto;visibility:hidden}.plan-sheet.show{visibility:visible}.sheet-close,.promo-close{background:rgba(247,234,205,.9);color:var(--ink);border:0}.sheet-benefit,.plan-sheet>small{color:var(--muted)}.sheet-plan strong{color:var(--forest)}.sheet-backdrop,.promo-backdrop{background:rgba(56,46,32,.24)}
.auth-card h1,.guest-gate h2,.about-card h2{font-family:inherit;font-weight:650}.auth-field input,.form-field input{background:rgba(255,255,255,.8);min-height:48px}.auth-field input:focus,.form-field input:focus{border-color:var(--forest)}
.health-note,.policy-line{color:var(--muted);line-height:1.7}.legal-links a{border:0}.legal-footer{color:var(--muted)}
button:focus-visible,a:focus-visible{outline:3px solid #88631f;outline-offset:4px}button:disabled{cursor:not-allowed}
@media(hover:hover) and (pointer:fine){.action-card:hover,.experience-card:hover,.plan-card:hover,.profile-stats article:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(130,96,39,.12),inset 0 1px 0 white}}
@media(max-width:780px){
 .app-shell{width:100%;margin:0;border:0;background:transparent;backdrop-filter:none}.topbar{height:72px;border-radius:0;padding:0 20px;position:sticky;top:0}.brand b{font-size:17px}.brand-logo{width:34px;height:34px}main{padding:22px 20px 130px}.announcement-carousel{--carousel-height:270px}.announcement-slide{padding:28px}.announcement-copy{max-width:78%}.announcement-copy h2,html[lang=en] .announcement-copy h2{font-size:30px}.announcement-art{right:-30px;width:170px;height:170px;opacity:.55}.hello-row{margin-top:26px}.hello-row h1{font-size:28px}.member-card{height:190px}.member-card-copy{left:24px}.primary-actions{grid-template-columns:1fr 1fr;gap:12px}.action-card{grid-template-columns:1fr auto;gap:14px;padding:18px;align-items:start}.action-card .action-icon{grid-column:1}.action-card>span:nth-child(2){grid-row:2;grid-column:1/-1}.action-card>strong{grid-column:2;grid-row:1;position:static;margin-top:12px}.action-card b{font-size:18px}.action-card small{display:none}.action-card em{font-size:12px}.experience-section{margin-top:32px}.section-head{gap:12px}.section-head h2{font-size:24px}.soft-note{font-size:10px;padding:7px 9px;white-space:nowrap}.experience-card{padding:24px}.teacher-showcase{margin-top:24px}.teacher-gallery figure{flex:0 0 min(78vw,310px)}.teacher-story{padding:22px 12px}.teacher-actions{gap:10px}.plans{gap:16px}.plan-card{min-height:0}.plan-sheet{width:calc(100% - 20px);padding:30px 22px}.page-head h1{font-size:30px}.booking-card{padding:20px}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:380px){main{padding-left:16px;padding-right:16px}.topbar{padding:0 12px}.brand b{font-size:14px}.brand small{display:none}.language-switch a{min-width:36px;padding:0 6px}.announcement-slide{padding:26px 22px}.announcement-copy{max-width:92%}.announcement-copy h2,html[lang=en] .announcement-copy h2{font-size:28px}.member-card-copy{max-width:88%;left:22px}.member-card h2,html[lang=en] .member-card h2{font-size:24px}.member-orbit{opacity:.2;right:-25px}.action-card{padding:16px}.action-card b{font-size:16px}.section-head{align-items:start;flex-direction:column;gap:6px}.teacher-points{grid-template-columns:1fr}.teacher-points span{display:flex;align-items:center;gap:10px}.teacher-points b{margin:0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.bottom-nav,.booking-bar,.mini-player,.plan-sheet,.login-promo{background:#fdf9ef}.teacher-gallery figcaption,.teacher-hero-label{background:#29293e}}
@media(prefers-reduced-transparency:reduce){.topbar,.bottom-nav,.booking-bar,.mini-player,.plan-sheet,.login-promo,.announcement-viewport,.member-card,.action-card,.experience-card,.teacher-showcase,.plan-card{background:#fdf9ef;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#51452e}.topbar,.bottom-nav,.member-card,.action-card,.experience-card,.plan-card{background:#fff}.language-switch a[aria-current],.bottom-nav button.active{outline:2px solid var(--forest)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Guests already have the trial offer in the hero; keep the next step visible. */
.is-guest #view-home>.member-card{display:none}
@media(max-width:780px){.action-card span:nth-child(2)>small{display:none}.announcement-copy p{max-width:240px}.announcement-art{right:-60px;opacity:.42}.is-guest .primary-actions{margin-top:20px}}

/* Logo-inspired champagne, honey gold and a restrained midnight-blue accent. */
:root{--brand-gold:linear-gradient(125deg,#fff0bd 0%,#f6d574 45%,#e8bb50 100%);--brand-navy:#232643;--gold:#946d24;--gold-light:#f6e3ac}
.topbar,.legal-header{background:rgba(255,252,243,.75)}
.language-switch a[aria-current]{background:linear-gradient(135deg,#fffdf5,#f9e8b8);color:#644a1b}
.brand b,.auth-brand b,.legal-brand b{color:var(--brand-navy)}
.brand-logo{box-shadow:0 2px 12px rgba(179,130,30,.2)}
.announcement-viewport{background:linear-gradient(115deg,rgba(255,254,248,.86),rgba(255,241,195,.6));box-shadow:0 12px 36px rgba(151,115,41,.09),inset 0 1px 0 #fff}
.announcement-art b{background:linear-gradient(135deg,rgba(255,249,218,.9),rgba(236,188,69,.3));color:#8e6721}
.announcement-art i{border-color:rgba(255,252,232,.94)}
.announcement-copy button,.member-cta,.booking-bar button,.teacher-actions button,.shop-body button,.auth-submit,.sheet-action,.promo-action,.guest-gate a.primary,.card-bottom button,.visit-card .card-bottom button,.plan-card button,.plan-card.recommended button,.profile-pass button,.registration-actions button,.player-copy button,.legal-app,.avatar{
 background:var(--brand-gold);color:#3d3019;box-shadow:0 4px 14px rgba(161,115,25,.14),inset 0 1px 0 rgba(255,255,255,.8);border:0;
}
.auth-submit:hover,.shop-body button:hover{background:linear-gradient(125deg,#ffe9a0,#edc05e);color:#3d3019}
.action-icon,.sound-action .action-icon,.service-icon{background:linear-gradient(135deg,#fff8e5,#f6e4b5);color:#886323}
.action-card>strong{color:#927445}.text-link span{color:#946d24}
.bottom-nav button.active{background:linear-gradient(125deg,rgba(255,242,202,.96),rgba(238,204,123,.72));color:#594317}
.mini-pill,.visit-card .mini-pill,.plan-badge{background:linear-gradient(130deg,#fff7df,#f5e3b2);color:#715320}
.member-card,.member-card.is-active{background:linear-gradient(120deg,rgba(255,254,249,.8),rgba(252,235,186,.44))}
.experience-card,.audio-card,.visit-card{background:linear-gradient(130deg,rgba(255,255,255,.74),rgba(255,249,229,.55))}
.plan-card.recommended{background:linear-gradient(140deg,#fff9e9,#f8e7b7)}
.service.active,.time-grid button.active,.date.active{background:linear-gradient(135deg,#fff0c6,#f3d58c);color:#513c16;border-color:#c9a557}.date.active small,.date.active em{color:#705b32}
.track-art.amber,.track-art.blue{background:#f4e5c1;color:#765622}.track-art.ink{background:#292b45;color:#f7dfa2}.track em{background:#f7edd4;color:#765622}
.featured-player{background:#292b45}.player-shade{background:linear-gradient(90deg,rgba(25,27,46,.94),rgba(44,37,36,.6) 60%,rgba(44,37,36,.1))}
.promo-visual{background:radial-gradient(circle at 50% 32%,rgba(252,215,112,.35),transparent 55%),linear-gradient(145deg,#22253f,#595044)}.promo-label{background:#f7ebca;color:#795b21}.promo-action span{color:#59421b}
.identity-check{background:var(--brand-gold);color:#61491d}.profile-avatar{background:linear-gradient(135deg,#343650,#20243c);color:#f6d982}
.teacher-hero-label span{color:#f8df9c}.teacher-points i{color:#97712e}.teacher-story .teacher-lead{color:#514736}
body.legal-page{background:radial-gradient(ellipse at 0 10%,#f8e6b5,transparent 55%),#fdfaf3}.legal-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:0}.legal-article{border:0;background:rgba(255,253,246,.78)}
@media(hover:hover){.announcement-copy button:hover,.member-cta:hover,.teacher-actions button:hover{box-shadow:0 6px 18px rgba(161,115,25,.21),inset 0 1px 0 #fff}}
@media(prefers-reduced-transparency:reduce){.topbar,.legal-header,.announcement-viewport,.member-card,.experience-card{background:#fffaf0}}
@media(prefers-contrast:more){.announcement-copy button,.member-cta,.auth-submit,.plan-card button{background:#f5d37d;color:#30240e}.bottom-nav button.active{outline:2px solid #805919}}
html{background:#fdfaf3}
.top-actions>.avatar{font-size:12px;white-space:nowrap;flex-shrink:0;padding:0}