/* Liquid-glass inspired, not an Apple asset. Solid fallbacks remain readable. */
:root{--glass-edge:rgba(238,228,198,.22);--glass-shadow:0 20px 65px #0003,inset 0 1px 0 #fff1;--ease-fluid:cubic-bezier(.22,1,.36,1)}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-away .22s ease both}::view-transition-new(root){animation:page-arrive .42s var(--ease-fluid) both}@keyframes page-away{to{opacity:0;transform:translateY(-7px)}}@keyframes page-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.glass,.elite-panel,.tool-panel,.sponsor-display,.room-card{position:relative;background:linear-gradient(135deg,#ffffff0c,#ffffff02 55%,#d5bd8410),#101713dc;border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:22px;transition:box-shadow .4s var(--ease-fluid),border-color .4s,transform .4s var(--ease-fluid)}
@supports(backdrop-filter:blur(12px)){.glass,.elite-panel,.tool-panel,.sponsor-display{background:linear-gradient(135deg,#ffffff0e,#ffffff02 55%,#d5bd8410),#101713a8;backdrop-filter:blur(22px) saturate(135%)}}
.glass:before,.elite-panel:before,.tool-panel:before,.sponsor-display:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff0a,transparent 35%,transparent 70%,#ffffff03);box-shadow:inset 0 1px 0 #ffffff0d;z-index:0}.glass>*,.elite-panel>*,.tool-panel>*,.sponsor-display>*{position:relative}.glass .player-bar i{position:absolute}
.btn,button,input,select,textarea{transition:background .25s,border-color .25s,box-shadow .25s,transform .3s var(--ease-fluid)}button:active,.btn:active{transform:scale(.975)}button:disabled{transform:none}.btn{border-radius:12px}.btn-gold{box-shadow:0 8px 24px #d4ad6120,inset 0 1px 0 #fff6}.btn-ghost{background:linear-gradient(135deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px 0 #fff1}.btn-ghost:hover{background:#ffffff0e;border-color:#e2c99d66}.faq-a{transition:max-height .45s var(--ease-fluid),padding .35s,opacity .35s}.faq-item .plus{transition:transform .35s var(--ease-fluid)}.drawer{transition:transform .48s var(--ease-fluid),opacity .35s;backdrop-filter:blur(26px) saturate(160%);background:#142019e8}.profile-pop{transition:opacity .24s,transform .3s var(--ease-fluid)}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease-fluid),transform .8s var(--ease-fluid)}.will-reveal.is-revealed{opacity:1;transform:none}.radio-volume{width:58px;accent-color:var(--gold2);cursor:pointer}.player{gap:12px;padding:13px 16px;border-radius:22px!important;flex-wrap:wrap;max-width:min(440px,calc(100vw - 40px))}.player:before{z-index:-1}.player .player-controls{position:relative}.sound-reopen{backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff3,0 8px 30px #0004}.sponsor-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sponsor-display{padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;overflow:hidden}.sponsor-display:hover{transform:translateY(-5px);border-color:#eed0a277}.sponsor-display .sponsor-logo{width:120px;height:65px;object-fit:contain;object-position:left center;border-radius:10px}.sponsor-display h3{font:25px Georgia,serif}.sponsor-display p{font-size:13px;color:var(--mute)}.sponsor-display small{font-size:10px;color:var(--mute)}.sponsor-visit{color:var(--gold2);font-size:12px}.sponsor-premium{grid-column:1/-1;padding:40px;background:radial-gradient(ellipse at 95% 0,#a18c4926,transparent 65%),#142019ce;border-color:#ddbc7460}.sponsor-premium .sponsor-logo{width:180px;height:90px}.sponsor-premium .sponsor-site-preview{width:100%;max-height:360px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:14px}.sponsor-featured{grid-column:span 2}.sponsor-empty{padding:38px;max-width:850px;margin:auto;text-align:center}.sponsor-empty p{margin:15px auto 24px;max-width:620px;font-size:14px}.sponsor-empty h3{font:30px Georgia,serif}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:10px;color:#c4c9bf;background:#ffffff07;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.tier-plus,.premium-member .tier-badge{color:#f5d49c;border-color:#e6bf7260;background:linear-gradient(130deg,#eec58320,#fff04);box-shadow:inset 0 1px 0 #fff1}.profile-btn[data-tier=premium],.profile-btn[data-tier=gifted]{border-color:#e9c481;box-shadow:0 0 18px #c69c4d25}.profile-btn[data-tier=premium]:after,.profile-btn[data-tier=gifted]:after,.profile-btn[data-tier=trial]:after{content:'✦';position:absolute;bottom:-6px;inset-inline-end:-5px;border-radius:50%;background:#141c17;color:#e9c481;font-size:11px;padding:0 3px}.profile-btn[data-tier=trial]:after{content:'✧'}.profile-btn{position:relative}.account-layout{max-width:900px;margin:auto}.account-card{max-width:760px}.account-card select{width:100%;padding:14px;background:#152019;border:1px solid var(--line);color:var(--paper);border-radius:10px;color-scheme:dark;font:inherit}.check-line{display:flex!important;align-items:flex-start;gap:12px;line-height:1.8}.check-line input{width:18px!important;height:18px;flex:none;margin-top:4px;accent-color:var(--gold2)}.account-card .profile-form{margin-top:24px}.request-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.request-row span,.request-row p{font-size:12px;color:var(--mute)}.member-summary{padding:18px;border:1px solid var(--line);border-radius:13px;margin:24px 0;font-size:13px;background:#c8ac6910}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reward-card{padding:30px}.reward-card h3{font:24px Georgia,serif;margin:18px 0 12px}.reward-card p{font-size:13px;line-height:1.9}.reward-card small{display:block;margin-top:20px;color:var(--mute);font-size:11px}.reward-medal{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;border:1px solid var(--line);font-size:29px;color:var(--gold2);background:radial-gradient(circle at 30% 20%,#eddca631,#94752a06)}.gate-card{padding:35px;text-align:center;margin:25px 0}.gate-card h2{font:30px Georgia,serif;margin-bottom:15px}.gate-card p{max-width:670px;margin:15px auto 22px}.solo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0}.solo-card{padding:24px;text-align:start;min-height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff07,#fff01)}.solo-card strong{display:block;font-size:15px;color:var(--paper);margin-bottom:8px}.solo-card small{font-size:11px;color:var(--mute)}.solo-card[aria-pressed=true]{border-color:var(--gold2);background:#c8ae7114;box-shadow:inset 0 1px 0 #fff2}.solo-stage{padding:34px;min-height:300px;scroll-margin-top:105px}.solo-stage h3{font:30px Georgia,serif;margin-bottom:18px}.solo-stage p{margin:15px 0;font-size:14px}.solo-stage blockquote{padding:24px;margin:25px 0;border-inline-start:2px solid var(--gold2);background:#d1b7780a}.solo-stage textarea{width:100%;border:1px solid var(--line);padding:16px;border-radius:10px;margin:15px 0;font:inherit}.inline-form{display:flex;gap:12px;align-items:center;margin:20px 0}.inline-form input{flex:1;min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--paper);background:#ffffff04}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px}.memory-grid button{min-height:72px;background:linear-gradient(145deg,#e2cc9820,#e2cc9805);border:1px solid var(--line);border-radius:14px;color:var(--gold2);font-size:18px}.memory-grid button.flipped{background:#253b2b;transform:rotateY(0);color:#f1e6c9}.scrambled{font:clamp(25px,5vw,45px) Georgia,serif;letter-spacing:6px;padding:25px 0;color:var(--gold2);overflow-wrap:anywhere}.rooms-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.rooms-top h2{font:clamp(32px,4vw,44px) Georgia,serif}.rooms-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.room-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.room-form{padding:28px}.room-form h3{font:25px Georgia,serif;margin-bottom:20px}.room-form label,.room-control label{display:block;font-size:12px;color:var(--gold2);margin:15px 0 7px}.room-form input,.room-control select,.room-control textarea{width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:#0e1711;color:var(--paper);font:inherit;font-size:13px;color-scheme:dark}.room-form button{margin-top:20px}.room-form input[type=checkbox]{width:auto;accent-color:var(--gold2)}.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.room-card{padding:25px}.room-card h3{font-size:20px;overflow-wrap:anywhere}.room-card p{font-size:12px;color:var(--mute);margin:12px 0 20px}.active-room{margin-top:35px;scroll-margin-top:105px}.room-control{padding:30px;margin-bottom:24px}.room-control h3{font:25px Georgia,serif;margin-bottom:20px}.room-control p{font-size:13px;margin:12px 0}.room-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.member-list{list-style:none}.member-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.member-name{font-size:13px;overflow-wrap:anywhere}.member-list small{font-size:10px;color:var(--mute)}.member-avatar{width:32px;height:32px;border-radius:50%;background:#bca26c19;display:grid;place-items:center;font-size:13px;color:var(--gold2)}.text-action{font-size:10px;color:var(--gold2);padding:7px 3px;text-decoration:underline}.room-status{font-size:13px;color:var(--gold2);line-height:1.8;margin:20px 0;min-height:25px;overflow-wrap:anywhere}.tic-board{display:grid;grid-template-columns:repeat(3,70px);gap:8px;margin:24px 0;direction:ltr}.tic-board button{height:70px;border:1px solid var(--line);border-radius:12px;background:#fff06;font:30px Georgia,serif;color:var(--gold2)}.tic-board button:disabled{opacity:1;cursor:default}.word-bank{font-size:12px;line-height:2;overflow-wrap:anywhere}.invite-result{padding:15px 0;font:12px monospace;overflow-wrap:anywhere;color:var(--gold2)}.certificate-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:25px 0}.premium-gate{position:relative;padding:30px;border:1px solid var(--line);border-radius:18px;background:#152017}.eligibility-locked .elite-tool-tabs,.eligibility-locked .tool-panel,.eligibility-locked #clearToolkit{display:none!important}html[lang=ar] .reward-card h3,html[lang=ar] .rooms-top h2,html[lang=ar] .room-control h3,html[lang=ar] .solo-stage h3,html[lang=ar] .room-form h3{font-family:'Noto Sans Arabic',sans-serif;line-height:1.7}.room-control select{margin-bottom:12px}.room-actions .btn{min-height:42px;font-size:11px}
@media(max-width:1000px){.sponsor-showcase,.room-list,.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-featured{grid-column:span 1}.rooms-layout{grid-template-columns:1fr}.solo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.solo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solo-card{padding:18px}.solo-stage{padding:24px 20px}.room-forms,.room-list,.sponsor-showcase,.reward-grid{grid-template-columns:1fr}.rooms-top{align-items:flex-start;flex-direction:column}.room-control,.room-form{padding:23px}.sponsor-premium,.sponsor-display{padding:27px}.memory-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.memory-grid button{font-size:14px;min-height:65px}.inline-form{flex-wrap:wrap}.inline-form input{min-width:150px}.account-card{padding:25px 20px}.radio-volume{width:45px}.player{gap:8px}.solo-card strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.will-reveal{opacity:1;transform:none;transition:none}.glass,.btn,button,.drawer,.sponsor-display{transition:none!important}.btn:hover,button:active,.sponsor-display:hover{transform:none}}
@supports(view-transition-name:root){.page.active{animation:none}}
/* V4 identity and visible YouTube radio */
.profile-btn{position:relative;overflow:hidden}.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.identity-summary{padding:22px;margin:25px 0;border:1px solid #d7bd7e40;border-radius:18px;background:#d7bd7e08}.identity-summary code{display:block;overflow-wrap:anywhere;margin-top:12px;font-size:12px}.avatar-editor{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:18px 0}.avatar-editor img,.room-avatar-photo{width:76px;height:76px;object-fit:cover;border:1px solid #d7bd7e60;border-radius:50%}.room-avatar-photo{width:36px;height:36px}.profile-form select{width:100%;max-width:100%}.personal-earth-pin{position:absolute;transform:translate(-50%,-110%);max-width:180px;border:1px solid #efdb9e99;background:#11241ded;box-shadow:0 8px 28px #0008;border-radius:12px;padding:8px 12px;font-size:13px;color:#fff3cf;pointer-events:none;text-align:center;z-index:4}.personal-earth-pin[hidden]{display:none}.youtube-radio{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px!important;width:min(420px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:18px!important;bottom:20px!important;right:20px!important}.youtube-radio[hidden]{display:none!important}.radio-options{grid-column:1/-1;min-width:0}.radio-options select{width:100%;min-width:0;background:#15241d;color:#f5e9d1;border:1px solid #d7bd7e50;border-radius:10px;padding:10px;font-size:13px}.radio-options label{display:block;color:#e5c790;font-size:12px;margin:8px 0}.radio-options p{font-size:11px;line-height:1.5;margin:9px 0}.radio-options .radio-volume{width:100%;max-width:none}.radio-options details{border-top:1px solid #d7bd7e30;padding-top:10px;font-size:12px}.radio-options summary{cursor:pointer}.radio-options #radioFavorite{float:inline-end;font-size:24px;color:#edca89;background:transparent;border:0;min-width:40px;min-height:40px}#youtubeStage{clear:both;margin-top:8px;width:100%;min-width:200px;height:210px;background:#000;border-radius:10px;overflow:hidden}#youtubeStage iframe{width:100%;height:210px;border:0}#radioLibrary{max-height:180px;overflow:auto;margin-top:10px}.radio-song{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #d7bd7e20}.radio-song:has(img){grid-template-columns:52px minmax(0,1fr) 36px}.radio-song img{width:52px;height:36px;object-fit:cover;border-radius:5px}.radio-song button{font:inherit;line-height:1.5;color:#f4e8cb;text-align:start;background:transparent;border:0;overflow-wrap:anywhere;cursor:pointer;min-height:36px}.radio-song button[aria-pressed=true]{color:#f0c782}.youtube-radio .player-info{min-width:0}.youtube-radio .player-info .t{white-space:normal;overflow-wrap:anywhere;font-size:12px}.youtube-radio .player-eq{display:none}.youtube-radio .player-info{grid-column:1/3}.youtube-radio .player-dismiss{z-index:3;top:-1px!important;right:2px!important}#accountForm .captcha-host{margin:20px 0}@media(max-width:480px){.youtube-radio{right:16px!important;bottom:16px!important;padding:13px!important}.personal-earth-pin{font-size:11px;max-width:135px}.identity-summary{padding:18px}}
.personal-earth-pin img{display:block;width:32px;height:24px;object-fit:cover;margin:0 auto 5px;border-radius:3px;box-shadow:0 2px 7px #0005}
/* Floating player must override the generic glass panel's relative positioning. */
.youtube-radio{position:fixed!important;left:auto!important;transform:none!important;z-index:550}.profile-btn{overflow:visible}.profile-btn:after{z-index:2}
.youtube-radio{padding-top:26px!important}.youtube-radio .player-dismiss{position:absolute!important;top:2px!important;right:4px!important;width:24px;height:24px;min-height:24px;margin:0;padding:0;background:transparent;border:0;color:var(--mute)}