/* A quieter, editorial finish. Loaded after the existing component styles. */
:root:not(#_){
  --bg:#10121e;--surface:#1b1e2c;--sunk:#111420;--ink:#f4f0e8;--muted:#b2b2c1;
  --line:rgba(221,211,190,.14);--accent:#d8b77b;--accent-ink:#211b11;--accent-soft:rgba(216,183,123,.12);
  --night:#10121e;--night-ink:#f4f0e8;--night-muted:#b2b2c1;--gold:#d8b77b;
  --glass:linear-gradient(135deg,rgba(35,38,54,.94),rgba(24,27,41,.94));
  --glass-edge:inset 0 1px 0 rgba(240,226,198,.06);--glass-drop:0 12px 32px -20px rgba(0,0,0,.65);
  --blur:blur(18px);--liquid-gold:linear-gradient(120deg,#ecd5a9,#d2af73);--r:22px;
}
.aurora{background:radial-gradient(ellipse at 8% 0%,#272a43,transparent 65%),#10121e}
.aurora i{opacity:.13;filter:blur(100px)}
.aurora b{opacity:.14}.aurora s{opacity:.22}
header{background:rgba(16,18,30,.92);padding-block:16px;border-color:var(--line)}
.brand b{font-size:1.38rem}.brand span{color:var(--muted);letter-spacing:.04em}
.mark{filter:none;margin-right:4px}
main{padding-top:28px}.wrap{gap:22px}
.h2{font-size:2rem;line-height:1.25;background:none;color:var(--ink);letter-spacing:-.025em}
.h2 small{margin-top:9px;line-height:1.55;letter-spacing:0}
.card{padding:22px;gap:12px}.card::before,.mtoggle::before{opacity:.25}
.lbl{letter-spacing:.13em;font-size:.73rem;opacity:1}
.btn,.gbtn{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 16px rgba(0,0,0,.12);font-weight:600;border-radius:14px}
.btn.ghost,.chip,.vc,.opts button,.iconbtn,.streak{box-shadow:none}
.btn.ghost,.chip,.iconbtn{background:rgba(255,255,255,.035)}
.btn:hover:not(:disabled){filter:brightness(1.07)}
.seg{background:#151825;box-shadow:none;border-radius:16px}
.seg button{border-radius:11px}
.seg button[aria-selected="true"]{background:#303247;box-shadow:0 2px 5px #0002}
textarea,input[type=text],input[type=email],select{box-shadow:none;background-color:#151825}
.hero{min-height:160px;background:radial-gradient(ellipse at 75% 10%,rgba(216,183,123,.14),transparent 65%),linear-gradient(120deg,#25283f,#191d30);border-color:var(--line);box-shadow:var(--glass-edge);border-radius:22px}
.hero .heroText{font-size:2.7rem}.hero .heroSub{color:var(--muted)}
.mic{width:96px;height:96px;background:var(--liquid-gold);box-shadow:inset 0 1px 0 #fff8,0 0 0 8px #d8b77b08,0 0 0 9px #d8b77b22,0 14px 30px #0003}
.mic::before{border-color:#d8b77b26}.mic svg{width:34px;height:34px}
.wodcard{background:radial-gradient(ellipse at 85% 0%,#5b405733,transparent 70%),#202236;padding:30px 24px}
.wodcard .big{filter:none}.msg.me{box-shadow:none}.msg.guru{box-shadow:none}
.abhi{background:radial-gradient(ellipse at 0 0,#6a40592b,transparent 70%),linear-gradient(130deg,#262538,#1d2132)}
.abhihead b{background:none;color:#f0d8cf}.devi svg{filter:drop-shadow(0 0 10px #c2859c33)}
.templehero{background:radial-gradient(ellipse at 50% 20%,#d8b77b1c,transparent 65%),linear-gradient(#22263b,#191c2b);border-color:var(--line)}
.templehero .tname{background:none;color:var(--ink)}
.qbtn{border-radius:16px;box-shadow:none}.qbtn svg{filter:none}
.donatecard{background:linear-gradient(125deg,#34302c,#222333)}
nav.tabs{max-width:720px;width:calc(100% - 32px);box-sizing:border-box;align-self:center;margin-inline:auto;padding:5px;border-radius:22px;background:rgba(23,26,40,.95);border-color:var(--line);box-shadow:0 6px 30px #0004}
nav.tabs button{border-radius:17px;min-height:58px}nav.tabs button[aria-selected="true"] .gl{text-shadow:none}
.tabglow{top:5px;bottom:5px;left:5px;border-radius:17px;background:linear-gradient(145deg,#d8b77b1c,#d8b77b09);box-shadow:inset 0 0 0 1px #d8b77b20}
#sheet{background:#1b1e2d;border:1px solid var(--line)}
/* Welcome: a balanced brand panel and an uncluttered entry card. */
#gate{background:radial-gradient(ellipse at 12% 30%,#32304d66,transparent 57%),radial-gradient(ellipse at 90% 80%,#72523918,transparent 50%),#10121e}
#gate #mandala{opacity:.18}
#gate .gate-in{max-width:1120px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:90px;row-gap:24px;align-items:center;padding:32px 36px;min-height:100%;flex:none}
#gate .langs{grid-column:1/-1;justify-self:end;align-self:start;border:1px solid var(--line);background:#ffffff03;padding:4px}
#gate .langs button{min-height:36px;min-width:48px;font-size:.84rem}
#gate .langs button[aria-pressed="true"]{background:#d8b77b15;color:#e8d2ac}
.welcome-story{text-align:left;position:relative;padding:44px 0;display:flex;flex-direction:column;align-items:flex-start}
.welcome-eyebrow{font:600 .67rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#d8b77b}
#gate .om{font-size:6.5rem;line-height:1.3;margin:32px 0 20px;padding:12px 0;filter:none;text-shadow:none;background:linear-gradient(140deg,#f4e2bc,#b78d50);background-clip:text;-webkit-background-clip:text}
#gate .om::after{width:230px;height:230px;margin:-115px 0 0 -115px;background:radial-gradient(circle,#d8b77b13,transparent 68%);border:1px solid #d8b77b13;animation:none;top:50%}
#gate .gname{font-size:3.15rem;line-height:1.25;letter-spacing:-.035em;text-align:left;background:none;color:#f4f0e8}
#gate .gname small{font-size:.87rem;line-height:1.6;letter-spacing:.025em;max-width:34ch;margin-top:14px;-webkit-text-fill-color:var(--night-muted)}
#gate .welcome-story>.gnote{margin-top:14px!important;text-align:left;color:#b8a98e;font-size:.8rem}
#gate .mantra-line{position:absolute;bottom:0;left:0;font-size:1rem}
.welcome-caption{font:400 1.5rem/1.5 var(--f-display);color:#d4cfc9;margin-top:32px;letter-spacing:-.01em}
.welcome-features{display:flex;align-items:center;gap:13px;margin-top:30px;color:#a6a4b1;font-size:.78rem;letter-spacing:.05em}
.welcome-features i{width:3px;height:3px;border-radius:50%;background:#b99b66}
#gate .gcard{padding:32px;border-radius:28px;gap:20px;overflow:visible;background:linear-gradient(145deg,rgba(34,36,52,.97),rgba(23,26,40,.97));border:1px solid #dcc9a926;box-shadow:0 28px 90px -25px #0008,inset 0 1px 0 #ffffff08;backdrop-filter:blur(20px)}
#gate .gcard::before{display:none}
#newUser{display:flex;flex-direction:column;gap:12px}
.auth-heading{margin-bottom:14px;text-align:center}
.auth-heading h1{font:400 1.8rem/1.28 var(--f-display);letter-spacing:-.025em;color:#f4f0e8;margin:12px 0 10px;text-wrap:balance}
.auth-heading p{font-size:.94rem;color:var(--night-muted);margin:0}
#gate .sso{min-height:54px;border-radius:12px;display:grid;grid-template-columns:24px 1fr 24px;gap:10px;padding:0 18px;font:500 .94rem/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;box-shadow:0 3px 8px #0002;transition:background .2s,transform .2s,box-shadow .2s}
#gate .sso span{grid-column:2}#gate .sso svg{grid-column:1;justify-self:center;width:20px;height:20px;margin:0;padding:0;background:none;border-radius:0;box-sizing:border-box}
#gate .sso.apple{background:#f8f7f4;color:#141414;border:1px solid #f8f7f4}
#gate .sso.apple svg{width:17px;height:21px;margin-top:-2px}
#gate .sso.google{background:#171a26;color:#f0efed;border:1px solid #777984}
#gate .sso::after{display:none}
#gate .sso:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}
#gate .sso.google:hover{background:#232634}#gate .sso.apple:hover{background:#fff}
#gate .sso:active{transform:translateY(0) scale(.99)}
#gate .sso[aria-busy="true"]{opacity:.6}
.email-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}
.email-entry>summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:.9rem;color:#d8d5d1}
.email-entry>summary::-webkit-details-marker{display:none}
.email-entry>summary::after{content:"";width:6px;height:6px;border-right:1px solid #b9aa91;border-bottom:1px solid #b9aa91;transform:rotate(45deg);margin-top:-4px}
.email-entry[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.email-entry[open]{padding-bottom:18px}.authtabs{margin:2px 0 18px;border-radius:12px;background:#10131e;box-shadow:none}
.authtabs button{border-radius:8px;font-size:.9rem}.authtabs button[aria-selected="true"]{background:#303345;box-shadow:none}
.authform{gap:14px}#gate .gin{border-radius:10px;background:#141723;border-color:#ffffff1c;box-shadow:none;font-size:1rem;min-height:48px}
.fld>span{font-size:.7rem;letter-spacing:.09em}
#gate .gbtn{border-radius:12px;background:var(--liquid-gold);min-height:50px;font-size:1rem}
#gate .agree{font-size:.78rem;line-height:1.55;margin-top:3px;color:#c3c1cb}
#gate .agree input{width:18px;height:18px;margin:2px 0 0;accent-color:#d8b77b}
#docLinks{justify-content:center;gap:8px 20px}#gate #docLinks .glink{font-size:.72rem;color:#c4b497;text-decoration-color:#c4b49755}
.authmsg:empty{display:none}.authmsg{font-size:.85rem;line-height:1.5}
#gate #guestBtn{font-size:.94rem;color:#e2cfab;text-decoration:none;min-height:44px;width:100%;border:1px solid #d8b77b35;border-radius:12px;background:#d8b77b08}
#guestBtn::after{content:" →";padding-left:8px}
.soundpick{padding-top:16px;border-color:var(--line)}.soundpick summary{font-size:.78rem}.soundpick .glbl{font-size:.65rem;letter-spacing:.07em}
#gate .gate-in>p.gnote{grid-column:1/-1;margin:0;text-align:center;font-size:.75rem;color:#a4a1b0}
#gate.returning .gcard{gap:24px}.wb b{font-size:1.6rem}.wbav{box-shadow:none}
@media(min-width:1100px){main>.wrap{max-width:780px}.hrow{max-width:780px}}
@media(max-width:760px){
  #gate .gate-in{display:flex;gap:20px;max-width:480px;padding:16px 22px 24px;min-height:100%}
  #gate .langs{align-self:flex-end}
  .welcome-story{align-items:center;text-align:center;padding:8px 0 0;width:100%}
  .welcome-story>.welcome-eyebrow{font-size:.6rem;letter-spacing:.17em}
  #gate .om{font-size:4.4rem;margin:12px 0 8px;padding:0;line-height:1.25}
  #gate .om::after{width:132px;height:132px;margin:-66px 0 0 -66px}
  #gate .gname{font-size:2.25rem;text-align:center}#gate .gname small{font-size:.78rem;margin-top:9px}
  #gate .welcome-story>.gnote{margin-top:8px!important;font-size:.7rem;text-align:center}
  .welcome-caption{display:none}.welcome-features{margin-top:16px;font-size:.68rem;gap:12px}
  #gate .gcard{padding:24px;gap:16px;border-radius:24px}
  .auth-heading{margin-bottom:8px}.auth-heading h1{font-size:1.5rem;margin:8px 0}.auth-heading p{font-size:.85rem}
  .auth-heading .welcome-eyebrow{font-size:.59rem}
  main{padding-top:22px}.h2{font-size:1.7rem}.card{padding:20px}.wrap{gap:18px}
}
@media(max-width:360px){#gate .gate-in{padding-inline:16px}#gate .gcard{padding:20px}#gate .sso{padding-inline:12px;font-size:.86rem}.soundpick summary{flex-wrap:wrap}.h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.aurora i,.aurora b,.aurora s{animation:none}#gate .sso{transition:none}}
/* Long language names must fit the phone's content column. */
select{max-width:100%;min-width:0;box-sizing:border-box}
#langRow select{flex:1;min-width:180px}
/* The library entrance: warm paper, brass engraving, and arriving learners. */
#gate{background:radial-gradient(ellipse at 15% 25%,#fffaf0,transparent 70%),#ede5d5;color:#242b39}
#gate #mandala{opacity:.035}
#gate .gate-in{column-gap:80px;max-width:1180px}
#gate .langs{border-color:#9c83563b;background:#ffffff40}
#gate .langs button{color:#665c4d}#gate .langs button[aria-pressed="true"]{background:#9b7a3d18;color:#654b23}
#gate .welcome-story{align-items:center;text-align:center;padding:0 0 25px}
.arrival-art{width:min(100%,440px);margin:0 auto 22px}
.arrival-art svg{display:block;width:100%;height:auto}
#gate .welcome-story>.welcome-eyebrow{color:#806338;font-size:.65rem;letter-spacing:.22em}
#gate .welcome-story>.om{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:1rem;margin:0;padding:0;color:#8f713e;background:none;line-height:1}
#gate .welcome-story>.om::after{display:none}
#gate .gname{color:#252d3b;font-size:3.25rem;letter-spacing:-.045em;text-align:center;margin-top:15px}
#gate .gname small{-webkit-text-fill-color:#746b60;max-width:37ch;font-size:.82rem;margin:12px auto 0}
#gate .welcome-story>.gnote{color:#847354;margin-top:12px!important;text-align:center}
#gate .welcome-caption{font-size:1.75rem;line-height:1.3;color:#434a52;text-align:center;margin-top:24px;font-style:italic}
#gate .welcome-features{color:#776b56;margin-top:24px}
#gate .gcard{background:linear-gradient(145deg,#272c3b,#171d2a);border:1px solid #bca16c80;border-radius:8px;box-shadow:0 30px 70px -30px #47361f55,inset 0 0 0 6px #ffffff03;position:relative;padding:38px 32px}
#gate .gcard::after{content:"";position:absolute;inset:8px;border:1px solid #d8b77b1a;pointer-events:none}
#gate .auth-heading h1{font-size:1.85rem}
#gate .sso{border-radius:7px;min-height:56px}
#gate #guestBtn,#gate .gbtn{border-radius:7px}
#gate .gate-in>p.gnote{color:#756b5c}
.arrival-letter{animation:letter-float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.arrival-letter.later{animation-delay:-3s}
@keyframes letter-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:760px){
 #gate .gate-in{gap:22px;padding-top:14px}
 #gate .welcome-story{padding:0}
 .arrival-art{width:240px;margin:-8px auto 16px}
 #gate .welcome-story>.om{top:6px;font-size:.65rem}
 #gate .gname{font-size:2.4rem;margin-top:12px}
 #gate .welcome-caption{display:block;font-size:1.35rem;margin-top:16px}
 #gate .welcome-caption br{display:none}#gate .welcome-caption br::after{content:" "}
 #gate .welcome-features{margin-top:15px}
 #gate .gcard{padding:28px 24px;border-radius:8px}
 #gate .auth-heading h1{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){.arrival-letter{animation:none}}