:root{--bg:#070b12;--ink:#f4f1e8;--muted:#999eaa;--line:rgba(255,255,255,.14);--panel:#0d121c;--blue:#18a6d9;--gold:#f2b91f;--coral:#ed7b64;--violet:#ad5fba;--max:1760px;--pad:clamp(18px,3.2vw,56px);--ease:cubic-bezier(.22,1,.36,1);--serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans Thai",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}img{display:block;max-width:100%}button,a{color:inherit}button{font:inherit}.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--blue),var(--coral));z-index:110;transform-origin:left}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:64px;border-bottom:1px solid var(--line);background:#070b12c2;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.topbar .shell{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.brand span{color:var(--muted)}.nav{display:flex;align-items:center;gap:6px}.nav a,.icon-btn{border:1px solid transparent;background:transparent;text-decoration:none;padding:9px 12px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:.25s var(--ease)}.nav a:hover,.nav a.active,.icon-btn:hover{border-color:var(--line);background:#ffffff0e}.nav-item{position:relative;display:flex;align-items:center}.nav-sub{position:absolute;top:100%;left:50%;padding-top:8px;transform:translate(-50%,-6px);display:flex;flex-direction:column;min-width:220px;opacity:0;pointer-events:none;transition:.25s var(--ease)}.nav-sub-inner{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#070b12eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006}.nav-item:hover .nav-sub,.nav-item:focus-within .nav-sub{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-sub a{padding:8px 10px;border-radius:8px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:none;text-decoration:none;color:var(--muted);white-space:nowrap;border-color:transparent}.nav-sub a:hover,.nav-sub a.active{background:#ffffff0f;color:var(--ink);border-color:transparent}.actions{justify-self:end;display:flex;align-items:center;gap:5px}.nav-link{border:1px solid transparent;background:transparent;text-decoration:none;padding:9px 12px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:.25s var(--ease);color:inherit;white-space:nowrap}.nav-link:hover{border-color:var(--line);background:#ffffff0e}.icon-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;cursor:pointer}.icon-btn svg{width:16px;height:16px}.mobilenav-toggle{display:none}.hero{min-height:100svh;padding-top:64px;display:grid;align-items:stretch;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;bottom:0;left:-10%;background:radial-gradient(circle at 72% 32%,rgba(24,166,217,.15),transparent 30%),radial-gradient(circle at 30% 65%,rgba(242,185,31,.11),transparent 30%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.5vw,26px);padding-block:clamp(60px,9vh,120px) 42px;align-items:center;position:relative}.hero-copy{grid-column:1/7;z-index:2}.kicker{font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:40px;height:1px;background:currentColor}.display{font-family:var(--serif);font-size:clamp(74px,10vw,180px);font-weight:300;line-height:.72;letter-spacing:-.065em;margin:42px 0 26px}.display em{font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(244,241,232,.55)}.hero-thai{font-size:clamp(22px,2.3vw,40px);line-height:1.25;max-width:750px;margin:0 0 22px;font-weight:400}.hero-desc{font-size:clamp(17px,1.25vw,21px);line-height:1.8;color:#b9bdc7;max-width:660px}.hero-cta{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:#ffffff0a;padding:13px 17px;border-radius:999px;text-decoration:none;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:.25s var(--ease);cursor:pointer}.btn:hover{background:var(--ink);color:#0b0e14;transform:translateY(-2px)}.btn svg{width:15px;height:15px}.hero-visual{grid-column:7/13;min-height:660px;position:relative;perspective:1200px}.cover-stack{position:absolute;top:4%;right:2%;bottom:4%;left:7%;transform-style:preserve-3d}.hero-cover{position:absolute;width:min(38%,260px);aspect-ratio:2/3;object-fit:cover;border-radius:2px;box-shadow:0 40px 80px #00000085;will-change:transform;transition:filter .35s var(--ease)}.hero-cover:nth-child(1){left:8%;top:13%;transform:rotate(-8deg) translateZ(30px)}.hero-cover:nth-child(2){left:34%;top:2%;transform:rotate(4deg) translateZ(80px)}.hero-cover:nth-child(3){right:1%;top:19%;transform:rotate(10deg) translateZ(45px)}.hero-cover:nth-child(4){left:17%;bottom:1%;transform:rotate(-4deg) translateZ(95px)}.hero-cover:nth-child(5){left:46%;bottom:5%;transform:rotate(-5deg) translateZ(60px)}.hero-cover:nth-child(6){right:0;bottom:0;transform:rotate(8deg) translateZ(70px)}.orbit{position:absolute;top:12%;right:4%;bottom:12%;left:4%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-15deg);pointer-events:none}.orbit:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.scroll-hint{position:absolute;bottom:26px;left:var(--pad);display:flex;align-items:center;gap:14px;font:400 10px/1 var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.scroll-hint i{width:1px;height:46px;background:linear-gradient(var(--ink),transparent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{transform:scaleY(.55);transform-origin:top;opacity:.4}}.section{padding-block:clamp(90px,12vw,190px);border-top:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.5vw,26px);margin-bottom:clamp(46px,7vw,100px)}.section-no{grid-column:1/2;font:400 11px/1 var(--mono);color:var(--muted)}.section-title{grid-column:2/8;font:400 clamp(42px,6vw,96px)/.95 var(--serif);letter-spacing:-.045em;margin:0}.section-intro{grid-column:9/13;font-size:clamp(16px,1.15vw,20px);line-height:1.8;color:#adb2bd;align-self:end}.lineage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.lineage-card{background:var(--bg);min-height:720px;padding:clamp(22px,2.3vw,42px);position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.lineage-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 38%);opacity:.55;transition:.5s var(--ease)}.lineage-card:hover:before{opacity:.9}.lineage-top,.lineage-foot,.book-pair,.meta{position:relative;z-index:1}.lineage-index{font:500 10px/1 var(--mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.lineage-name{font:400 clamp(28px,2.6vw,46px)/1 var(--serif);letter-spacing:-.03em;margin:14px 0 4px}.lineage-thai{font-size:15px;color:#c4c7cf}.book-pair{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,34px);perspective:1000px;padding-block:40px}.book-pair img{width:min(42%,190px);max-height:370px;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.46));transition:transform .5s var(--ease),filter .5s var(--ease)}.book-pair img:first-child{transform:rotate(-5deg) translateY(10px)}.book-pair img:last-child{transform:rotate(5deg) translateY(-10px)}.lineage-card:hover .book-pair img:first-child{transform:rotate(-8deg) translate(-8px,-2px)}.lineage-card:hover .book-pair img:last-child{transform:rotate(8deg) translate(8px,-18px)}.lineage-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#070b12bf;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lineage-arrow svg{width:18px}.meta{display:grid;grid-template-columns:92px 1fr;gap:8px 16px;border-top:1px solid var(--line);padding-top:22px;font-size:13px;line-height:1.55}.meta dt{color:var(--muted)}.meta dd{margin:0}.preview-btn{margin-top:20px;width:100%;justify-content:center;padding:16px 20px;font-size:12px;font-weight:700;border-color:var(--accent);background:var(--accent);color:#0b0e14;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 45%,transparent);animation:preview-pulse 2.4s ease-in-out infinite}.preview-btn:hover{background:var(--ink);color:#0b0e14;border-color:var(--ink);transform:translateY(-2px) scale(1.02);animation-play-state:paused}.preview-btn svg{width:16px;height:16px}@keyframes preview-pulse{0%,to{box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 70%,transparent)}}.lineage-card[data-accent=blue]{--accent:var(--blue)}.lineage-card[data-accent=coral]{--accent:var(--coral)}.lab-toolbar{position:sticky;top:64px;z-index:50;border-block:1px solid var(--line);background:#070b12db;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:44px}.lab-toolbar .shell{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px}.segmented button{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:999px;font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.segmented button.active{background:var(--ink);color:#0b0e14}.filter-group{display:flex;gap:8px;align-items:center;overflow:auto}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 13px;border-radius:999px;white-space:nowrap;font:500 10px/1 var(--mono);cursor:pointer}.filter-chip.active{color:var(--ink);border-color:currentColor}.scene{padding-block:clamp(90px,10vw,150px);border-top:1px solid var(--line);scroll-margin-top:130px}.scene-header{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.5vw,26px);margin-bottom:54px}.scene-kicker{grid-column:1/3;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scene-title{grid-column:3/9;margin:0;font:400 clamp(44px,5vw,80px)/1 var(--serif);letter-spacing:-.04em}.scene-desc{grid-column:9/13;margin:0;color:#aeb3be;line-height:1.8;align-self:end}.versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.version{background:var(--panel);padding:clamp(22px,2.2vw,38px);min-width:0;position:relative;transition:opacity .35s var(--ease),transform .35s var(--ease),background .35s}.version.hidden{display:none}.version-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.mini-cover{width:46px;height:68px;object-fit:cover}.version-name{font:500 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}.version-thai-translator{font-size:13px;color:var(--muted);margin-top:6px}.play{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;transition:.25s var(--ease)}.play:hover,.play.playing{background:var(--ink);color:#0b0e14}.play svg{width:15px;height:15px}.passage-label{font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:28px 0 14px}.passage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 14px}.passage-head .passage-label{margin:0}.voice-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:var(--muted);padding:8px 11px;cursor:pointer;font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}.voice-btn:hover,.voice-btn.playing{background:var(--ink);color:#0b0e14;border-color:var(--ink);transform:translateY(-1px)}.voice-btn svg{width:12px;height:12px;flex:0 0 auto}.english{white-space:pre-line;font:400 clamp(24px,1.95vw,36px)/1.34 var(--serif);letter-spacing:-.015em;margin:0}.thai{white-space:pre-line;font-size:clamp(18px,1.3vw,23px);line-height:1.85;margin:0}.keyword{border-bottom:1px dotted currentColor;cursor:help;color:inherit}.version[data-id=butler]{--accent:var(--blue)}.version[data-id=lattimore]{--accent:var(--coral)}.version:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.5s var(--ease)}.version:hover:after{transform:scaleX(1)}.view-stack .versions{grid-template-columns:1fr}.view-stack .version{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}.view-stack .version-head{border:0;padding:0}.view-stack .passage-label{display:none}.view-stack .english,.view-stack .thai{padding-left:28px;border-left:1px solid var(--line)}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.glossary-card{background:var(--bg);padding:clamp(22px,2vw,34px);min-height:300px;border:0;color:inherit;text-align:left;cursor:pointer;transition:.3s var(--ease)}.glossary-card:hover{background:#111722;transform:translateY(-4px)}.greek{font:400 clamp(28px,2.8vw,46px)/1.1 var(--serif);margin-bottom:24px;overflow-wrap:break-word;word-break:break-word}.term{font:400 24px/1.1 var(--serif)}.term-thai{font-size:14px;color:#b6bac4;margin-top:9px}.term-type{margin-top:28px;font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;opacity:0;transition:.35s var(--ease);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(620px,100%);height:100%;background:#101621;border-left:1px solid var(--line);padding:clamp(24px,5vw,68px);transform:translate(100%);transition:.5s var(--ease);overflow:auto}.drawer.open .drawer-panel{transform:none}.drawer-close{position:absolute;top:20px;right:20px}.mobilenav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;pointer-events:none}.mobilenav.open{pointer-events:auto}.mobilenav-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;opacity:0;transition:.35s var(--ease);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobilenav.open .mobilenav-backdrop{opacity:1}.mobilenav-panel{position:absolute;top:0;left:0;width:min(320px,84%);height:100%;background:#101621;border-right:1px solid var(--line);padding:76px 16px 24px;transform:translate(-100%);transition:.4s var(--ease);overflow:auto;display:flex;flex-direction:column;gap:2px}.mobilenav.open .mobilenav-panel{transform:none}.mobilenav-close{position:absolute;top:16px;right:16px}.mobilenav-link{display:flex;align-items:center;min-height:44px;padding:12px 14px;border:0;border-radius:10px;background:transparent;width:100%;text-align:left;font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--ink);cursor:pointer;transition:.2s var(--ease)}.mobilenav-link:hover,.mobilenav-link.active{background:#ffffff0f}.mobilenav-sublist{display:flex;flex-direction:column;padding-left:14px}.mobilenav-sublink{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:8px;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-decoration:none;color:var(--muted)}.mobilenav-sublink:hover,.mobilenav-sublink.active{background:#ffffff0d;color:var(--ink)}.mobilenav-divider{height:1px;background:var(--line);margin:12px 4px}.drawer-greek{font:400 clamp(48px,8vw,94px)/1 var(--serif);margin:80px 0 20px;overflow-wrap:break-word;word-break:break-word}.drawer-term{font:400 clamp(34px,5vw,58px)/1 var(--serif)}.drawer-type{font:500 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:18px 0 40px}.drawer-definition{font-size:18px;line-height:1.9;color:#c4c8d0}.aliases{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.alias-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.alias{border:1px solid var(--line);padding:8px 10px;border-radius:999px;font-size:12px;color:#b8bdc7}.footer{padding-block:clamp(60px,9vw,110px);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,32px)}.footer-title{grid-column:1/7;font:400 clamp(42px,6vw,88px)/.95 var(--serif);letter-spacing:-.04em}.footer-note{grid-column:9/13;color:var(--muted);line-height:1.8;align-self:end}.footer-note a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);transition:.25s var(--ease)}.footer-note a:hover{border-color:var(--ink)}.footer-social{display:flex;gap:14px;margin-top:14px}.footer-social a{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.footer-social a:hover{border-color:var(--ink)}.copyright{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:400 10px/1.4 var(--mono);color:var(--muted)}.copyright a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;transition:.25s var(--ease)}.copyright a:hover{color:var(--ink);border-color:var(--ink)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.word-speaking{background:#f2b91f3d;border-radius:3px}@media (max-width:1100px){.hero-copy{grid-column:1/8}.hero-visual{grid-column:8/13;min-height:560px}.hero-cover{width:48%}.lineage{grid-template-columns:1fr}.lineage-card{min-height:540px;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:1fr;align-items:center}.book-pair{padding:0}.glossary-grid{grid-template-columns:repeat(2,1fr)}.versions{grid-template-columns:1fr}.version{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:28px}.version-head{border:0;padding:0}.passage-label{display:none}.english,.thai{padding-left:24px;border-left:1px solid var(--line)}.view-grid .version{display:grid}.view-stack .version{grid-template-columns:220px 1fr 1fr}}@media (max-width:760px){.passage-head{margin-top:24px}.voice-btn{padding:8px 10px}.passage-head .passage-label{font-size:8px}:root{--pad:18px}.topbar{height:56px}.topbar .shell{grid-template-columns:1fr auto}.brand{font-size:9px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.nav,.desktop-only{display:none}.icon-btn{width:44px;height:44px}.mobilenav-toggle{display:grid}.hero{padding-top:56px}.hero-grid{display:flex;flex-direction:column;padding-top:56px}.hero-copy{order:1}.display{font-size:clamp(72px,25vw,112px);margin-top:34px}.hero-visual{order:2;width:100%;min-height:510px}.cover-stack{top:4%;right:0;bottom:4%;left:0}.hero-cover{width:36%;max-width:150px}.scroll-hint{display:none}.section{padding-block:88px}.section-head,.scene-header{display:block}.section-no,.scene-kicker{margin-bottom:24px}.section-title,.scene-title{margin-bottom:26px}.section-intro,.scene-desc{max-width:560px}.lineage-card{display:block;min-height:auto}.lineage-top{margin-bottom:20px}.book-pair{min-height:360px}.book-pair img{width:38%;max-height:300px}.meta{margin-top:12px}.lab-toolbar{top:56px}.lab-toolbar .shell{padding-block:10px;align-items:flex-start;overflow:auto}.lab-toolbar,.segmented{display:none}.filter-group{width:max-content}.scene{padding-block:72px;scroll-margin-top:115px}.versions,.version,.view-stack .version,.view-grid .version{display:block!important}.version{padding:24px}.version-head{padding-bottom:20px;border-bottom:1px solid var(--line)}.passage-label{display:block}.english,.thai{padding-left:0;border-left:0}.english{font-size:28px}.thai{font-size:19px}.glossary-grid{grid-template-columns:1fr}.glossary-card{min-height:220px}.footer-grid{display:block}.footer-note{margin-top:36px}.copyright{display:block}.copyright span{display:block;margin-top:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-cover,.book-pair img{transition:none}.scroll-hint i,.preview-btn{animation:none}}:root{--bg:#050505;--panel:#0a0a0c;--ink:#fffaf0;--muted:#aaa6a0;--line:rgba(255,250,240,.16);--blue:#274a87;--blue-bright:#36b8e6;--gold:#efb91f;--coral:#a94da8;--violet:#a94da8}body{background:radial-gradient(circle at 84% 10%,rgba(54,184,230,.1),transparent 28rem),radial-gradient(circle at 12% 32%,rgba(239,185,31,.08),transparent 32rem),var(--bg)}.progress{height:3px;background:linear-gradient(90deg,var(--gold) 0 33%,var(--blue-bright) 33% 66%,var(--violet) 66%)}.topbar{background:#050505c7;border-color:#ffffff2e}.hero:before{top:-10%;right:-10%;bottom:-10%;left:-10%;background:linear-gradient(115deg,rgba(239,185,31,.15),transparent 37%),radial-gradient(circle at 78% 30%,rgba(54,184,230,.24),transparent 34%),radial-gradient(circle at 66% 78%,rgba(169,77,168,.18),transparent 29%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:10px;background:linear-gradient(90deg,var(--gold) 0 33.333%,var(--blue-bright) 33.333% 66.666%,var(--violet) 66.666%);z-index:3}.display em{-webkit-text-stroke:1.25px rgba(255,250,240,.74)}.hero-thai{max-width:820px}.hero-desc{color:#cfcbc3}.btn:first-child{background:var(--gold);border-color:var(--gold);color:#080808}.btn:first-child:hover{background:#ffd452;border-color:#ffd452}.orbit{border-color:#36b8e638}.orbit:after{border-color:#efb91f33}.section{isolation:isolate}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.75}#lineages:before{background:linear-gradient(180deg,rgba(39,74,135,.22),transparent 28%,transparent 72%,rgba(239,185,31,.1))}#laboratory:before{background:radial-gradient(circle at 4% 8%,rgba(239,185,31,.12),transparent 24rem),radial-gradient(circle at 96% 68%,rgba(169,77,168,.13),transparent 28rem)}#glossary:before{background:linear-gradient(135deg,rgba(39,74,135,.18),transparent 45%,rgba(169,77,168,.12))}.section-title,.scene-title{text-wrap:balance}.section-no,.scene-kicker{color:var(--gold)}.lineage{background:transparent;border:0;gap:clamp(12px,1.4vw,24px)}.lineage-card{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,#090909),#080808 38%);min-height:740px;box-shadow:0 30px 80px #00000047}.lineage-card:before{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 33%,transparent),transparent 42%),radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 42%);opacity:.9}.lineage-card:hover{transform:translateY(-5px);transition:transform .45s var(--ease)}.lineage-card[data-accent=blue]{--accent:var(--blue-bright)}.lineage-card[data-accent=gold]{--accent:var(--gold)}.lineage-card[data-accent=coral]{--accent:var(--violet)}.lineage-index{color:#fff}.lineage-thai{color:#ffffffc2}.book-pair img{filter:drop-shadow(0 30px 38px rgba(0,0,0,.6)) saturate(1.06)}.lab-toolbar{background:#050505db}.scene{position:relative;overflow:hidden}.scene:nth-of-type(3n+1){background:linear-gradient(110deg,rgba(239,185,31,.12),transparent 38%)}.scene:nth-of-type(3n+2){background:linear-gradient(110deg,rgba(39,74,135,.24),transparent 42%)}.scene:nth-of-type(3n){background:linear-gradient(110deg,rgba(169,77,168,.17),transparent 42%)}.versions{gap:clamp(10px,1vw,18px);background:transparent;border:0}.version{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,#0b0b0d),#09090b 35%);box-shadow:0 20px 60px #00000038;overflow:hidden}.version:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--accent)}.version:after{height:100%;width:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%);transform:none;opacity:0;transition:opacity .35s var(--ease);pointer-events:none}.version:hover:after{opacity:1}.version:hover{transform:translateY(-4px)}.version[data-id=butler]{--accent:var(--blue-bright)}.version[data-id=rieu]{--accent:var(--gold)}.version[data-id=lattimore]{--accent:var(--violet)}.version-head,.english,.thai,.passage-label{position:relative;z-index:1}.play:hover,.play.playing{background:var(--accent);border-color:var(--accent);color:#050505}.glossary-grid{gap:clamp(10px,1vw,18px);background:transparent;border:0}.glossary-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,#111218,#080808);position:relative;overflow:hidden}.glossary-card:nth-child(3n+1):before,.glossary-card:nth-child(3n+2):before,.glossary-card:nth-child(3n):before{content:"";position:absolute;inset:0 0 auto;height:5px}.glossary-card:nth-child(3n+1):before{background:var(--gold)}.glossary-card:nth-child(3n+2):before{background:var(--blue-bright)}.glossary-card:nth-child(3n):before{background:var(--violet)}.glossary-card:hover{background:#171820;transform:translateY(-6px)}.drawer-panel{background:linear-gradient(160deg,#17111a,#0a0b10 52%)}.footer{background:linear-gradient(105deg,#efb91f21,#274a8729 48%,#a94da824)}.word-speaking{background:var(--gold);color:#050505}@media (max-width:1100px){.lineage{gap:18px}.lineage-card{min-height:560px}.versions{gap:14px}}@media (max-width:760px){.passage-head{margin-top:24px}.voice-btn{padding:8px 10px}.passage-head .passage-label{font-size:8px}.hero:after{height:7px}.hero-grid{padding-bottom:72px}.hero-desc{color:#d5d0c8}.lineage{gap:16px}.lineage-card{border-radius:0;min-height:auto}.versions{gap:16px}.version{border-radius:0}.scene:nth-of-type(n){background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.section-title{font-size:clamp(48px,15vw,76px)}}._layout_1bwuc_1{display:flex;height:100vh;background:var(--bg)}._loading_1bwuc_7{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-style:italic}._sidebar_1bwuc_17{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}._sideTop_1bwuc_30{padding:1.25rem 1rem;border-bottom:1px solid var(--border)}._backLink_1bwuc_35{display:block;font-size:.72rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.75rem;transition:color .15s}._backLink_1bwuc_35:hover{color:var(--text)}._sideTitle_1bwuc_45{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}._nav_1bwuc_52{padding:.75rem 0;display:flex;flex-direction:column}._navItem_1bwuc_58{text-align:left;padding:.65rem 1rem;font-size:.85rem;color:var(--text-muted);border-left:2px solid transparent;transition:color .15s,border-color .15s,background .15s}._navItem_1bwuc_58:hover{color:var(--text);background:var(--bg3)}._navItem_1bwuc_58._active_1bwuc_72{color:var(--text);border-left-color:var(--accent-blue);background:var(--bg3)}._main_1bwuc_79{flex:1;display:flex;flex-direction:column;overflow-y:auto}._statusBar_1bwuc_86{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:0;z-index:5}._statusText_1bwuc_98{font-size:.78rem;color:var(--text-dim);min-width:120px}._statusText_1bwuc_98._unsaved_1bwuc_104{color:var(--accent-gold-light)}._statusText_1bwuc_98._saving_1bwuc_105{color:var(--text-muted)}._statusText_1bwuc_98._saved_1bwuc_106{color:#5a9a60}._statusText_1bwuc_98._error_1bwuc_107{color:#a05050}._statusActions_1bwuc_109{display:flex;gap:.5rem}._saveBtn_1bwuc_114{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;padding:.4rem 1rem;font-size:.82rem;transition:all .15s}._saveBtn_1bwuc_114._saveDirty_1bwuc_124{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}._saveBtn_1bwuc_114:hover:not(:disabled){opacity:.85}._saveBtn_1bwuc_114:disabled{opacity:.5;cursor:default}._resetBtn_1bwuc_136{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:.4rem .75rem;font-size:.82rem;transition:all .15s}._resetBtn_1bwuc_136:hover{color:var(--text-muted);border-color:var(--text-dim)}._content_1bwuc_147{padding:2rem;max-width:900px}._card_1bwuc_153{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}._cardHeader_1bwuc_161{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}._cardTitle_1bwuc_168{font-family:var(--font-serif);font-size:1rem;font-weight:400;color:var(--text-muted)}._deleteBtn_1bwuc_175{font-size:.72rem;color:var(--accent-coral);border:1px solid transparent;border-radius:4px;padding:.2rem .5rem;transition:border-color .15s}._deleteBtn_1bwuc_175:hover{border-color:var(--accent-coral)}._deleteBtnSm_1bwuc_185{font-size:.7rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;margin-top:.5rem;transition:color .15s}._deleteBtnSm_1bwuc_185:hover{color:var(--accent-coral)}._addCardBtn_1bwuc_196{font-size:.8rem;color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;padding:.75rem 1.5rem;width:100%;transition:all .15s}._addCardBtn_1bwuc_196:hover{border-color:var(--text-muted);color:var(--text)}._addBtn_1bwuc_207{font-size:.72rem;color:var(--accent-blue-light);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;transition:border-color .15s}._addBtn_1bwuc_207:hover{border-color:var(--accent-blue)}._field_1bwuc_218{margin-bottom:1rem}._fieldLabel_1bwuc_222{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem}._input_1bwuc_231,._textarea_1bwuc_231{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:var(--font-sans);font-size:.9rem;padding:.5rem .75rem;outline:none;transition:border-color .15s;resize:vertical}._input_1bwuc_231:focus,._textarea_1bwuc_231:focus{border-color:var(--accent-blue)}._coverRow_1bwuc_247{display:flex;gap:1rem;align-items:flex-start}._coverPreviewWrap_1bwuc_253{width:72px;flex-shrink:0;aspect-ratio:2/3;background:var(--bg3);border:1px solid var(--border);border-radius:5px;overflow:hidden}._coverPreview_1bwuc_253{width:100%;height:100%;object-fit:cover}._coverEmpty_1bwuc_269{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-dim)}._coverActions_1bwuc_279{flex:1;display:flex;flex-direction:column;gap:.5rem}._uploadBtn_1bwuc_286{background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.78rem;padding:.35rem .75rem;align-self:flex-start;transition:all .15s}._uploadBtn_1bwuc_286:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}._uploadBtn_1bwuc_286:disabled{opacity:.5;cursor:default}._subSection_1bwuc_300{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}._subSectionHeader_1bwuc_306{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}._subTitle_1bwuc_313{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}._versionWrap_1bwuc_320{margin-bottom:.75rem}._versionBox_1bwuc_324{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:1rem}._versionLabel_1bwuc_331{font-size:.72rem;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.06em}:root{--bg: #07090f;--bg2: #0f1219;--bg3: #161b26;--surface: #1a2033;--border: #2a3248;--text: #e8e4d8;--text-muted: #7a8299;--text-dim: #4a5266;--accent-blue: #4a7fa5;--accent-gold: #b8962e;--accent-coral: #a05a45;--accent-blue-light: #7aafc8;--accent-gold-light: #d4b050;--accent-coral-light: #c87a60;--font-serif: "EB Garamond", Georgia, serif;--font-sans: "Sarabun", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}