.nav-actions{flex-wrap:wrap}.map-shell{height:290px;position:relative;border:1px solid var(--line);overflow:hidden;background:var(--soft)}.map-frame{height:100%;overflow:hidden;cursor:grab;touch-action:none}.map-frame.dragging{cursor:grabbing}.region-map{height:100%;width:100%;object-fit:cover;transform-origin:center;will-change:transform;user-select:none}.map-control{position:absolute;right:12px;bottom:12px;display:flex;gap:4px}.map-control button{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:30px;height:30px;border-radius:3px}.map-caption{position:absolute;left:12px;top:12px;color:var(--muted);font-size:10px;background:var(--paper);padding:4px 8px}.support-launcher{max-width:230px;text-align:left;line-height:1.4}.support-launcher>span:last-child{display:block;font-size:10px;color:#c2cec6;margin-left:15px}.message img{display:block;max-width:min(240px,100%);max-height:180px;object-fit:contain;border-radius:5px;margin:7px 0}.record{animation:spin 5s linear infinite;animation-play-state:paused}.record.playing{animation-play-state:running}.music-meta{font-size:12px}.progress{margin:0}.music-player{gap:5px 10px}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:var(--paper);padding:15px}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{font-size:13px;color:var(--muted)}.account-box details{width:100%}.account-box .form{max-width:600px;margin-top:15px}.row{display:flex;gap:8px;flex-wrap:wrap}body.dark{color-scheme:dark;--bg:#07121c;--paper:#0c1c29;--ink:#e6eff5;--muted:#9aacb7;--line:#263c4d;--soft:#122735;--shadow:0 16px 42px #0002}body.dark .nav-btn.primary,body.dark .button.primary{background:#bce850;color:#101a09;border-color:#bce850}body.dark .variant.selected{background:#203224;color:#f2f8e7}body.dark .chat-log{background:#06121c}body.dark .message{background:#193344}body.dark .message.mine{background:#28482f}body.dark .brand-mark{background:#a2dbff;color:#102333}.order-key{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.nav-actions>a{display:none}.nav-actions .nav-btn{padding:8px;font-size:11px}.brand{font-size:12px;gap:6px}.brand-mark{width:28px;height:28px}.nav-actions{gap:5px;flex-wrap:nowrap}.map-shell{height:210px}.account-box{padding:17px}.support-launcher{max-width:200px;bottom:98px;font-size:12px}.music-player{width:min(390px,calc(100% - 20px))}.section h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.record,.record.playing{animation:none!important}.region-map{will-change:auto}}
.product-grid:has(.plan:only-child),.feature-grid:has(.feature-card:only-child){grid-template-columns:minmax(0,560px)}body.dark .support-launcher{background:#173044;color:#fff;border:1px solid #335268}.order-row{flex-wrap:wrap}.order-row>div{min-width:0;overflow-wrap:anywhere}.state.error{color:#f29191}

.volume-control{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.volume-control input{width:74px;accent-color:var(--accent)}.time{display:flex;align-items:center;justify-content:space-between;gap:8px}.pause-glyph{display:flex;gap:3px;align-items:center}.pause-glyph i{display:block;width:3px;height:12px;background:currentColor;border-radius:1px}.checkout-wait{margin-top:16px;padding:14px;border:1px solid var(--line);background:var(--soft);border-radius:6px}.checkout-wait p{font-size:13px;color:var(--muted)}.service-strip{position:sticky;top:0;z-index:15}

.time{display:grid;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center}.time>#duration{justify-self:end}.volume-control{justify-self:center;display:flex;align-items:center;gap:6px;line-height:1}.volume-control svg{width:14px;height:14px;flex:0 0 14px;color:#bdc7c0}.volume-control input{display:block;width:76px;height:16px;margin:0;padding:0;border:0;background:transparent;vertical-align:middle}

.map-frame{position:relative}.map-track{position:absolute;top:0;left:0;display:flex;width:300%;height:100%;transform-origin:0 50%;will-change:transform}.map-track .region-map{display:block;flex:0 0 33.333333%;width:33.333333%;height:100%;max-width:none;object-fit:cover;transform:none;pointer-events:none}.map-frame.dragging{cursor:grabbing}

.variant-price{display:flex;align-items:baseline;justify-content:center;gap:3px}.variant-price .variant-name{display:inline;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);white-space:nowrap}.variant-days{margin-top:5px}

.map-shell{display:block;isolation:isolate}.map-frame{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.map-frame.dragging{cursor:grabbing}.map-frame img,.map-frame *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.map-track{width:max-content;transform-origin:0 0}.map-track .region-map{display:block;flex:none;width:auto;height:100%;max-width:none;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.map-caption{z-index:1}.map-control{z-index:2}
.service-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:-8px 0 22px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.service-card{display:flex;align-items:center;gap:14px;min-width:0;padding:19px 22px;border-right:1px solid var(--line)}.service-card:last-of-type{border-right:0}.service-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--muted);font-size:18px}.service-kicker{display:block;color:#89948c;font-size:10px;letter-spacing:.16em}.service-title{color:var(--muted);font-size:12px}.service-card strong{display:block;margin-top:2px;font-size:20px;line-height:1.2}.service-health{position:absolute;right:14px;top:-31px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.service-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#47b881}.service-dot.service-down{background:#dc7b6d}
.music-player{transition:width .32s cubic-bezier(.2,.75,.25,1),grid-template-columns .32s cubic-bezier(.2,.75,.25,1)}.record-toggle{grid-column:1;grid-row:1;border:0;background:transparent;padding:0;width:48px;height:48px;border-radius:50%;cursor:pointer}.record-toggle .record{display:block;width:46px;height:46px;margin:0}.record-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.music-controls button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border-radius:50%;font-size:14px;line-height:1}.music-controls button.primary-control{width:34px;height:34px;flex-basis:34px;font-size:15px}.music-controls #playbackMode{font-size:12px}.music-player.expanded{width:min(650px,calc(100vw - 36px));grid-template-columns:48px minmax(0,1fr) auto 174px}.music-playlist{grid-column:4;grid-row:1/4;min-width:0;max-height:118px;overflow:auto;border-left:1px solid #ffffff26;padding-left:10px;scrollbar-width:thin}.playlist-title{display:block;margin:1px 0 6px;color:#bfc6c0;font-size:10px;letter-spacing:.1em}.playlist-track{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;border-radius:4px;background:transparent;color:#d8dfda;padding:4px 6px;font-size:10px}.playlist-track:hover,.playlist-track.active{background:#ffffff18;color:#c7ed54}.playlist-empty{color:#bfc6c0;font-size:10px}.music-player.expanded .record-toggle:after{content:'−';position:absolute;margin:-8px 0 0 -11px;width:17px;height:17px;border-radius:50%;background:var(--accent);color:#172013;font-size:13px;line-height:17px}.music-player.expanded .record-toggle{position:relative}
@media(max-width:700px){.service-cards{grid-template-columns:1fr;margin:0 0 18px}.service-card{padding:13px 16px;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-of-type{border-bottom:0}.service-icon{flex-basis:34px;width:34px;height:34px}.service-card strong{font-size:17px}.service-health{top:-25px}.music-player.expanded{width:min(520px,calc(100% - 20px));grid-template-columns:48px minmax(0,1fr) auto}.music-player.expanded .music-playlist{position:absolute;left:0;right:0;bottom:calc(100% + 9px);grid-column:auto;grid-row:auto;max-height:38vh;border:1px solid #ffffff26;border-radius:12px;padding:10px;background:#111a16;box-shadow:0 12px 38px #0003}.playlist-track{font-size:12px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.music-player{transition:none!important}}

/* v2.6 storefront navigation, account, chat and custom player artwork */
.nav{position:sticky;top:0;z-index:30;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);backdrop-filter:blur(16px)}
html{scroll-padding-top:88px}.section[id],#faq{scroll-margin-top:92px}
.nav-actions{min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav-actions::-webkit-scrollbar{display:none}.nav-actions .nav-btn{flex:none;font-size:12px;padding:8px 10px}
.live-clock{display:inline-flex;margin:8px 0 0;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.02em}
.back-to-top{position:fixed;right:22px;bottom:96px;z-index:9;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.quote-card blockquote{color:var(--quote-color,var(--ink));font-family:var(--quote-font,var(--sans));font-size:var(--quote-size,24px);line-height:1.45}
.feature-grid{align-items:stretch}.feature-card{border-radius:12px;box-shadow:var(--shadow);padding:22px}.feature-card h3{font-size:17px}.feature-card ul{padding-left:19px}.plan{border-radius:18px;padding:28px}.plan:has(.badge){border-color:var(--accent)}
.order-row .order-hide{margin-left:4px}.order-row{border-radius:8px}
.member-settings{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.member-settings h3,.member-settings h4{margin:5px 0}.account-avatar,.room-avatar{display:grid;place-items:center;overflow:hidden;flex:none;border-radius:50%;font-weight:800;color:#fff}.account-avatar{width:58px;height:58px;font-size:22px}.account-avatar img,.room-avatar img{width:100%;height:100%;object-fit:cover}.member-settings .form{padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.public-chat{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.chat-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.chat-room-head p{margin:4px 0}.chat-options{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.2fr) auto;gap:12px;align-items:end}.chat-options label{display:grid;gap:5px;color:var(--muted);font-size:12px}.chat-options select,.chat-options input{width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px;border-radius:5px}.room-message{align-self:stretch;max-width:100%;padding:9px 10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.room-message-head{display:flex;align-items:center;gap:8px}.room-message-head time{margin-left:auto;color:var(--muted);font-size:10px}.room-avatar{width:28px;height:28px;font-size:12px}.room-message p{margin:5px 0 7px;white-space:pre-wrap}.room-message>a{display:block;color:var(--muted);font-size:12px}.room-message>a img{display:block;max-width:min(240px,100%);max-height:180px;object-fit:contain;border-radius:6px;margin:6px 0}.room-message>small{color:var(--muted);font-size:10px}
.music-controls button,.music-controls button.primary-control{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border-radius:11px;background:transparent;overflow:hidden}.music-control-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.music-controls button:hover{transform:translateY(-1px);filter:brightness(.94)}.music-player.expanded{grid-template-columns:48px minmax(0,1fr) auto 174px}.music-controls{gap:3px}.music-player{width:min(460px,calc(100% - 36px));grid-template-columns:48px minmax(48px,1fr) auto}
@media(max-width:850px){.nav{align-items:flex-start;height:auto;min-height:66px;padding-top:8px;padding-bottom:8px;gap:8px}.brand{flex:0 0 auto}.nav-actions{flex:1;justify-content:flex-start}.nav-actions .nav-btn{font-size:11px;padding:7px 9px}.chat-options{grid-template-columns:1fr 1fr}.chat-options button{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.nav{display:block}.brand{display:none}.nav-actions{width:100%;padding:5px 0}.hero{padding-top:32px}.live-clock{font-size:10px}.chat-options{grid-template-columns:1fr}.chat-options button{grid-column:auto}.public-chat{padding:13px}.music-player{width:calc(100% - 20px);left:10px;padding:9px;grid-template-columns:42px minmax(35px,1fr) auto;gap:7px}.music-player .record-toggle{width:42px;height:42px}.music-player .record-toggle .record{width:40px;height:40px}.music-controls button,.music-controls button.primary-control{flex-basis:32px;width:32px;height:32px;border-radius:9px}.music-controls{gap:1px}.music-player.expanded{width:calc(100% - 20px);grid-template-columns:42px minmax(35px,1fr) auto}.music-player.expanded .music-playlist{left:0;right:0}.back-to-top{right:12px;bottom:96px}}
@media(prefers-reduced-motion:reduce){.nav-actions a,.back-to-top{scroll-behavior:auto;transition:none}}

/* Points shop, unified member chat, voice messages and fixed brand mark */
.brand-logo{display:block;width:190px;height:42px;object-fit:contain;object-position:left center;flex:none;padding:2px 4px;border-radius:5px;background:#fff}
.subsection-title{margin:26px 0 12px;font-size:20px;letter-spacing:-.02em}
.reward-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.reward-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.reward-card h3,.reward-card p{margin:0}.reward-card p{color:var(--muted);font-size:13px}.reward-card .button{margin-top:auto}.points-history{margin-top:15px}.point-redemption{padding:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0;overflow-wrap:anywhere}.point-redemption code{display:block;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;color:var(--muted);font-size:12px}.chat-search input{width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 10px;border-radius:5px}
.unified-chat{width:min(620px,calc(100vw - 24px));padding-top:24px}.support-mode-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:10px 30px 14px 0}.support-mode-tabs .tab{padding:9px 12px}.support-mode-tabs .tab.active{font-weight:700}.unified-chat .chat-log{height:min(38vh,330px);min-height:180px;border-radius:8px}.unified-chat .form{gap:9px}.unified-chat .chat-options{grid-template-columns:1fr 1fr}.unified-chat .chat-options button{grid-column:auto}.unified-chat section>h2{margin:8px 0}.voice-record.recording{background:#b33b3b;color:#fff;border-color:#b33b3b;animation:pulse 1.2s infinite}
.room-message audio,.message audio{display:block;width:min(280px,100%);height:38px;margin:6px 0}.room-message>a[data-audio]{display:none}
@keyframes pulse{50%{box-shadow:0 0 0 5px #bd545455}}
body.dark .brand-logo{filter:none}.chat-dialog-state{min-height:20px}
@media(max-width:700px){.brand-logo{width:165px;height:36px}.nav{display:flex;align-items:center}.brand{display:flex}.nav-actions{width:auto;flex:1}.support-launcher{max-width:210px}.unified-chat{padding:20px 14px 14px}.unified-chat .chat-options{grid-template-columns:1fr}.unified-chat .chat-options button{justify-self:stretch}.unified-chat .chat-log{height:34vh;min-height:170px}.chat-search{grid-template-columns:1fr;gap:4px}.subsection-title{font-size:18px}}
@media(max-width:480px){.nav{display:grid;grid-template-columns:1fr;gap:0}.brand{height:34px}.brand-logo{height:30px;width:160px}.nav-actions{width:100%;flex-wrap:nowrap}.nav-actions .nav-btn{padding:7px 8px;font-size:10px}.support-mode-tabs .tab{padding:8px;font-size:12px}.chat-options label{font-size:11px}}
.message-context-menu{position:fixed;z-index:1000;min-width:182px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 12px 36px #0003}.message-context-menu[hidden]{display:none}.message-context-menu button{display:block;width:100%;border:0;border-radius:5px;background:transparent;color:var(--ink);padding:9px 11px;text-align:left;font-size:12px}.message-context-menu button:hover{background:var(--soft)}.message-context-menu button[data-room-action="recall"],.message-context-menu button[data-support-action="recall"]{color:#a43d35}.recalled-note{display:inline-flex;align-items:center;gap:7px;margin:5px 0;padding:5px 8px;border-radius:5px;background:#26312e;color:#e9f1ec;font-size:11px}.recalled-name{padding:1px 5px;border-radius:3px;background:#101614;color:#c7ed54;font-size:9px;letter-spacing:.03em}.room-message{cursor:context-menu}.room-message audio{max-width:100%}.support-recalled{display:inline-flex;align-items:center;gap:7px;padding:4px 7px;border-radius:4px;background:#25312e;color:#f0f4f1;font-size:11px}.support-recalled .recalled-name{background:#0f1513}
.checkin-section{scroll-margin-top:90px}.checkin-balance{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:13px 16px;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:12px}.checkin-balance strong{font-size:20px;color:var(--ink)}.checkin-calendar{padding:18px;background:var(--paper);border:1px solid var(--line)}.checkin-month{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px;color:var(--muted)}.checkin-month strong{font-size:18px;color:var(--ink)}.welfare-key{color:#8c62ce}.checkin-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.checkin-weekdays{margin-bottom:6px;text-align:center;color:var(--muted);font-size:11px}.checkin-days .checkin-day{position:relative;display:flex;min-height:68px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:5px 2px}.checkin-day:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.checkin-day:disabled{cursor:default;opacity:.58}.checkin-date{font-size:15px;font-weight:700}.checkin-award{min-height:15px;font-size:9px;color:var(--muted)}.checkin-day.is-checked{background:#e7f4d8;border-color:#a6ce82;color:#244122;opacity:1}.checkin-day.is-missed{background:#f6e8e5;border-color:#e4c0b8;color:#74413b;opacity:1}.checkin-day.is-today{outline:2px solid var(--accent);outline-offset:1px}.checkin-day.is-future{opacity:.36}.checkin-day.is-welfare{border-color:#aa83dc;background:#f1e9fb}.checkin-day.is-welfare .checkin-award,.checkin-day.is-welfare .checkin-date{color:#7446a9}.checkin-day.is-welfare i{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#9c65d7}.checkin-day.is-milestone:not(.is-welfare){box-shadow:inset 0 -2px #e4be5b}.checkin-empty{min-height:68px}.checkin-legend{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:10px}.checkin-legend span{display:flex;align-items:center;gap:5px}.checkin-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.legend-done{background:#a6ce82}.legend-missed{background:#dfa89d}.legend-welfare{background:#9c65d7}.legend-milestone{background:#e4be5b}.checkin-status{min-height:24px;color:var(--muted);font-size:12px}.checkin-status.error{color:#b04141}.checkin-rules{margin-top:12px;padding:13px 16px;background:var(--soft);border:1px solid var(--line);font-size:12px}.checkin-rules summary{font-weight:700;cursor:pointer}.checkin-rules ul{padding-left:20px;color:var(--muted)}.checkin-rules li{margin:6px 0}.checkin-login{margin:8px 0}@media(max-width:560px){.checkin-calendar{padding:11px 8px}.checkin-grid{gap:4px}.checkin-days .checkin-day{min-height:56px}.checkin-empty{min-height:56px}.checkin-award{font-size:8px}.checkin-legend{gap:8px 12px}.checkin-month{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.nav{height:auto}.nav-actions{flex-wrap:wrap;justify-content:flex-start}.nav-actions .nav-btn{font-size:10px;padding:6px 7px}}
body.dark .checkin-day.is-checked{background:#233923;border-color:#55734c;color:#d8efd0}body.dark .checkin-day.is-missed{background:#402c2b;border-color:#704944;color:#f0c2bb}body.dark .checkin-day.is-welfare{background:#322644;border-color:#75549b}body.dark .checkin-day.is-welfare .checkin-award,body.dark .checkin-day.is-welfare .checkin-date{color:#d1b5f2}
