:root{--bg:#fbf5e8;--surface:#fffdf8;--surface2:#f5ead0;--ink:#1f261e;--muted:#6d7469;--line:#e8dcc0;--accent:#df6b32;--accent2:#265e55;--gold:#b98a2e;--shadow:0 14px 45px rgba(63,49,25,.09);--r:24px;--font:100%}html{font-size:var(--font)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#fde1bc 0,transparent 26rem),var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,sans-serif;line-height:1.58;padding-bottom:84px}body.dark{--bg:#131813;--surface:#1b211c;--surface2:#262f27;--ink:#eef0e7;--muted:#adb5a9;--line:#39433a;--accent:#ff8751;--accent2:#9ed3c2;--gold:#e2bb67;background:radial-gradient(circle at 85% 0,#3d291d 0,transparent 28rem),var(--bg)}button,input,select{font:inherit;color:inherit}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(14px,4vw,56px);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;border:0;background:none;padding:0;text-align:left}.wheel{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:23px}.brand b{display:block;font-size:1.15rem}.brand small{display:block;color:var(--muted);font-size:.69rem;max-width:390px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions select{max-width:120px}.round,.soft,.primary,.textbtn,.chips button,.suggestions button{border-radius:14px;border:1px solid var(--line);padding:10px 14px;cursor:pointer}.round{width:42px;height:42px;padding:0;background:var(--surface)}.soft{background:var(--surface);color:var(--ink)}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:750}.textbtn{background:none;border:0;padding:8px 0;color:var(--accent);font-weight:800}.source-banner{display:flex;gap:9px;justify-content:center;align-items:center;padding:8px 16px;background:var(--accent2);color:#fff;font-size:.76rem}.source-banner span:first-child{font-weight:900}main{max-width:1180px;margin:auto;padding:26px 20px 54px}.view{display:none}.view.active{display:block}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:center;padding:38px 0}.kicker,.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--gold)}.hero h1{font-size:clamp(2.25rem,5.5vw,4.9rem);line-height:1.02;letter-spacing:-.035em;margin:12px 0 18px;max-width:920px}.hero p{font-size:1.05rem;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.lotus-card{border-radius:34px;padding:28px;background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--line);box-shadow:var(--shadow);min-height:320px;display:flex;flex-direction:column;justify-content:center}.orb{font-size:3.5rem;margin-bottom:22px}.lotus-card h2{font-size:1.65rem;line-height:1.25;margin:8px 0}.lotus-card p{color:var(--muted)}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:.78rem}.section-head{margin:30px 0 18px}.section-head h1,.section-head h2{margin:4px 0;font-size:2rem;letter-spacing:-.02em}.split{display:flex;justify-content:space-between;align-items:end;gap:20px}.search,.askbar input,select{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 13px}.search{min-width:330px}.feature-grid,.grid3,.grid2{display:grid;gap:14px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:145px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);cursor:pointer}.feature span{font-size:2rem}.feature b{font-size:1.05rem;margin:8px 0 2px}.feature small{color:var(--muted)}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.chips button,.suggestions button{background:var(--surface);white-space:nowrap}.chips button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.list{display:grid;gap:12px}.item{display:grid;grid-template-columns:1fr auto;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:var(--shadow)}.item h3{margin:6px 0;font-size:1.16rem}.item p{color:var(--muted);margin:6px 0}.item-actions{display:flex;align-items:flex-start;gap:6px}.icon{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:8px 10px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.06em;background:var(--surface2);color:var(--accent2)}.badge.canon{background:#e5f0e7;color:#315a3c}.dark .badge.canon{background:#263c2b;color:#a7d5ae}.meta{font-size:.72rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:.62fr 1.38fr;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:21px;box-shadow:var(--shadow)}.card label{display:block;font-size:.75rem;font-weight:800;color:var(--muted);margin:8px 0 5px}.card select{width:100%}.reader{min-height:320px;font-size:1.06rem}.reader h2{font-size:1.7rem}.reader .sourcebox{margin-top:24px;padding:14px;border-radius:16px;background:var(--surface2);font-size:.8rem}.player-controls{display:flex;gap:8px;margin-top:18px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.radio-card{position:relative;min-height:210px;display:flex;flex-direction:column}.radio-card button{margin-top:auto;align-self:flex-start}.radio-dock{position:sticky;bottom:82px;z-index:20;margin-top:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--ink);color:var(--bg);border-radius:20px;padding:14px 16px;box-shadow:0 16px 45px rgba(0,0,0,.2)}.radio-dock b,.radio-dock span{display:block}.radio-dock span{opacity:.7;font-size:.7rem}.radio-actions{display:flex;gap:8px}.radio-actions select{background:transparent;color:inherit;border-color:color-mix(in srgb,var(--bg) 25%,transparent)}.radio-dock .primary{background:var(--bg);color:var(--ink)}.timer{text-align:center;margin-top:18px}.timer #timer{font-size:4.5rem;font-weight:900;letter-spacing:.04em;margin:8px 0}.explore-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.person{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.person h3{margin:5px 0}.person p{color:var(--muted)}.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:20px}.time-item{position:relative;margin:0 0 22px}.time-item:before{content:"";position:absolute;left:-27px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--accent)}.askbar{display:flex;gap:9px}.askbar input{flex:1}.suggestions{display:flex;gap:8px;overflow:auto;margin:10px 0}.answer{margin-top:16px}.answer .result{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:10px}.settings-card{display:grid;gap:12px;max-width:700px}.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(15px);overflow:auto}.bottom-nav button{min-width:72px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:1rem;cursor:pointer}.bottom-nav button span{font-size:.63rem;color:var(--muted)}.bottom-nav button.active{color:var(--accent)}dialog{width:min(820px,92vw);max-height:88vh;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}.close{float:right;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface2);font-size:1.4rem}.dialog-summary{font-size:1.08rem}.sourcebox{background:var(--surface2);border-radius:16px;padding:14px;margin:18px 0}.sourcebox a{color:var(--accent)}footer{max-width:1180px;margin:auto;padding:30px 20px;color:var(--muted);display:flex;gap:10px;justify-content:center;border-top:1px solid var(--line);font-size:.78rem}@media(max-width:850px){body{padding-bottom:76px}.brand small{display:none}.top-actions .soft{display:none}.hero{grid-template-columns:1fr;padding-top:24px}.lotus-card{min-height:0}.feature-grid,.grid3,.grid2,.two-col,.explore-cards{grid-template-columns:1fr}.split{display:block}.search{width:100%;min-width:0;margin-top:12px}.item{grid-template-columns:1fr}.bottom-nav{justify-content:flex-start}.radio-dock{bottom:76px;align-items:stretch;flex-direction:column}.timer #timer{font-size:3.4rem}.hero h1{font-size:2.65rem}.source-banner{justify-content:flex-start}}
/* Global Release additions */
.section-head.compact{margin-top:28px}.recent-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.recent-item{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:92px;transition:.18s ease}.recent-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.recent-item span{font-size:.72rem;color:var(--muted)}.recent-item b{line-height:1.35}.subtle{color:var(--muted)}.translation-note{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:.9rem;color:var(--muted);margin:12px 0}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.source-card{display:flex;flex-direction:column;align-items:flex-start}.source-card .textbtn{margin-top:auto}.canon-group{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.canon-group p{font-size:.9rem;color:var(--muted);line-height:1.6}.legal-links,.footer-links{display:flex;gap:10px;flex-wrap:wrap}.legal-links a,.footer-links a{color:var(--muted)}footer{gap:14px;flex-wrap:wrap}.footer-links{margin-left:auto}.about-shell{max-width:900px;margin:0 auto;padding:38px 20px 80px}.about-shell .hero-mini{padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--surface);margin-bottom:18px}.about-shell h1{font-size:clamp(2rem,7vw,4rem);margin:.15em 0}.about-shell section{margin-top:16px}.about-shell ul{line-height:1.8}.status-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:.82rem}.policy-box{border-left:4px solid var(--accent);padding:14px 18px;background:var(--surface);border-radius:0 16px 16px 0}.top-back{display:inline-flex;margin-bottom:16px}
@media(max-width:900px){.recent-list{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}.footer-links{margin-left:0}}
@media(max-width:560px){.recent-list{grid-template-columns:1fr}.recent-item{min-height:auto}}
.continuous{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);white-space:nowrap}.continuous input{accent-color:var(--accent)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.net-status{font-size:.78rem;font-weight:800;padding:7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}