:root{color-scheme:light;--paper:#f6f3eb;--surface:#fffdf7;--ink:#233f34;--muted:#57685d;--line:#d7ddcf;--accent:#315a45;--wood:#8e6438;--gold:#d9c18a;--soft:#e9eddf;--shadow:0 16px 40px #233f340c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.8;transition:background .35s,color .35s}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Lora,Georgia,serif;font-weight:500;text-wrap:pretty;word-break:normal;white-space:normal;overflow-wrap:anywhere}h1{font-size:clamp(36px,3.5vw,52px);line-height:1.3;letter-spacing:-1.2px;max-width:980px;margin:16px auto}h2{font-size:clamp(28px,2.4vw,34px);line-height:1.4;letter-spacing:-.5px;margin-bottom:18px}h3{font-size:18px;line-height:1.55;font-weight:600;text-wrap:pretty;margin-bottom:10px}p{margin-bottom:16px}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--wood);outline-offset:5px}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-decoration:none;white-space:nowrap}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a{text-decoration:none;transition:color .2s}nav a:hover{color:var(--wood)}.onter{color:#1568a5;border-left:1px solid var(--line);padding-left:26px;font-weight:600;letter-spacing:1.4px}main{max-width:1440px;margin:auto;padding:0 5%}.welcome{text-align:center;padding:39px 0 28px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.8;color:var(--wood);display:flex;align-items:center;gap:9px;margin-bottom:10px}.welcome .eyebrow{justify-content:center}.eyebrow span{height:5px;width:5px;background:currentColor;border-radius:50%}.welcome>p{font-size:16px;max-width:650px;margin:0 auto;color:var(--muted)}.world{position:relative;background:#e0e8cd;border:1px solid #b9c8ad;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);isolation:isolate;transition:background .35s}.landscape{position:relative;line-height:0;aspect-ratio:1400/590;overflow:hidden}.temple{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:filter .6s}.scene-label,.day{position:absolute;top:22px;z-index:2;border:1px solid #b2c4a5;background:#fffdf4ee;border-radius:30px;color:#294335;font-size:12px;line-height:1.5;padding:10px 15px;min-height:42px}.scene-label{left:22px;display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;background:#5d794c;border-radius:50%}.day{right:22px}.day:hover{background:#fffdf4;box-shadow:0 3px 10px #193c2b20}.scene-message{text-align:center;font-family:Lora,Georgia,serif;font-weight:500;font-size:18px;line-height:1.6;color:#294335;background:#edf0df;margin:0;padding:16px 20px 8px}.toolbar{display:flex;justify-content:center;gap:10px;padding:10px 20px 22px;background:#edf0df}.toolbar button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:170px;padding:12px 18px;border:1px solid #315542;border-radius:10px;color:#fff9e9;background:#2c513e;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,box-shadow .2s}.toolbar button:hover{background:#1d3e2e;box-shadow:0 4px 12px #233f3420}.toolbar button[aria-pressed=true]{background:#44532b;border-color:#44532b}.control-icon{display:flex;color:#ead3a0}.control-icon svg{width:23px;height:23px;flex:none}.below-scene{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;padding:16px 2px 0;line-height:1.7}.below-scene>span:first-child{font-size:10px;letter-spacing:1px}.below-scene #status{text-align:right}.section{padding:60px 0;border-bottom:1px solid var(--line)}.section-intro{max-width:620px;margin-bottom:30px}.section-intro>p:not(.eyebrow){color:var(--muted)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.steps li{display:flex;gap:15px;align-items:flex-start;padding-top:22px;border-top:1px solid var(--line)}.step-number{color:var(--wood);font-family:Lora,Georgia,serif;font-size:20px;line-height:1.6}.steps p{font-size:16px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.about h2{max-width:350px}.about p:not(.eyebrow),.technology>div>p:not(.eyebrow){color:var(--muted)}.technology{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:start}.technology h2{max-width:650px}.note{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:30px;margin-top:32px}.note img{margin-bottom:20px}.note p{font-size:15px;color:var(--muted)}.note p:last-child{margin-bottom:0}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:25px}.actions button,#copy{border:1px solid var(--accent);background:var(--accent);color:#fffdf1;border-radius:9px;padding:13px 18px;font-size:14px;font-weight:600;min-height:48px;transition:filter .2s}.actions button:hover,#copy:hover{filter:brightness(.9)}.actions a{font-size:14px;line-height:1.7}.guide-note{font-size:13px!important;margin:15px 0 0}footer{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px;line-height:1.7;flex-wrap:wrap}footer a{text-decoration:none}footer button{font-size:12px;min-height:40px;border:0;background:none;color:inherit;text-decoration:underline;padding:0}footer>span{margin-left:auto;font-family:Lora,Georgia,serif}.skip{position:absolute;top:-100px;left:10px;background:var(--surface);padding:10px;z-index:10}.skip:focus{top:5px}dialog{width:calc(100% - 32px);max-width:720px;max-height:85vh;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;padding:38px;line-height:1.8;font-size:16px}dialog::backdrop{background:#0c241bd9}dialog h2{font-size:29px;line-height:1.45;padding-right:18px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;background:var(--soft);padding:18px;border-radius:10px;font-size:15px;line-height:1.85}.close{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:none;color:var(--ink);font-size:28px}.fireflies i{position:absolute;left:23%;top:48%;width:4px;height:4px;border-radius:50%;background:#f3daa0;opacity:0}.night .fireflies i{animation:float 6s infinite;opacity:.8}.fireflies i:nth-child(2){left:74%;top:65%;animation-delay:1s}.fireflies i:nth-child(3){left:66%;top:43%;animation-delay:2.7s}.fireflies i:nth-child(4){left:32%;top:70%;animation-delay:4s}.fireflies i:nth-child(5){left:82%;top:48%;animation-delay:3s}.breathing{position:absolute;inset:22% 40%;border:2px solid #fff5d380;border-radius:50%;background:#fff9cf12;animation:breathe 8s ease-in-out infinite}.breathing[hidden]{display:none}.noscript{text-align:center;padding:20px}@keyframes float{50%{transform:translate(8px,-18px);opacity:.3}}@keyframes breathe{50%{transform:scale(1.3);background:#fff9cf30}}
[data-theme=dark]{color-scheme:dark;--paper:#132b26;--surface:#1c3830;--ink:#f1ebd9;--muted:#c5d0c3;--line:#3d564b;--accent:#617652;--wood:#e0bd85;--soft:#233e33;--shadow:0 16px 40px #07161030}[data-theme=dark] .onter{color:#8bc7ef}[data-theme=dark] .world{border-color:#51644c}[data-theme=dark] .temple{filter:brightness(.7) saturate(.8)}[data-theme=dark] .scene-message,[data-theme=dark] .toolbar{background:#213c30;color:#f1ebd9}[data-theme=dark] .toolbar button{border-color:#748365;background:#354e35;color:#fff8df}[data-theme=dark] .toolbar button:hover{background:#456142}[data-theme=dark] .toolbar button[aria-pressed=true]{background:#64512b;border-color:#a98c54}[data-theme=dark] .scene-label,[data-theme=dark] .day{color:#f8f0d9;background:#213c30ee;border-color:#748365}[data-theme=dark] .dot{background:#d1bd85}[data-theme=dark] .day:hover{background:#2c493c}
@media(max-width:1000px){nav{gap:20px}.toolbar button{min-width:155px}.steps{gap:20px}.steps li{gap:10px}.about,.technology{gap:6%}.note{padding:24px}.section{padding:48px 0}footer>span{margin-left:0;flex-basis:100%}}
@media(max-width:650px){body{font-size:16px;line-height:1.85}header{padding:17px 5%;gap:15px}.brand{font-size:10px;letter-spacing:.8px;gap:8px}.brand img{width:30px;height:30px}nav>a:not(.onter){display:none}.onter{font-size:12px;border:0;padding-left:0}main{padding:0 5%}.welcome{padding:30px 0 23px}h1{font-size:35px;line-height:1.35;letter-spacing:-.8px;max-width:350px;margin:14px auto}.welcome>p{font-size:16px;max-width:340px}.eyebrow{font-size:9px;letter-spacing:1.4px}.world{border-radius:15px}.landscape{aspect-ratio:1.17;background:linear-gradient(#dce6cc,#83976f)}.temple{object-fit:contain;object-position:center 60%}.scene-label,.day{top:12px;font-size:10px;min-height:38px;padding:9px 11px}.scene-label{left:10px}.day{right:10px}.scene-message{font-size:16px;padding:14px 17px 4px;min-height:68px;display:flex;align-items:center;justify-content:center}.toolbar{gap:6px;padding:10px 9px 16px}.toolbar button{min-width:0;flex:1;flex-direction:column;gap:5px;font-size:11px;padding:10px 5px;min-height:84px;border-radius:9px}.control-icon svg{width:23px;height:23px}.below-scene{display:block;padding:13px 2px 0;font-size:12px}.below-scene #status{display:block;text-align:left;margin-top:6px}.below-scene>span:first-child{font-size:9px}.section{padding:36px 2px}.section-intro{margin-bottom:22px}h2{font-size:29px;line-height:1.45}.steps{display:block}.steps li{padding:20px 0;gap:16px}.steps li:last-child{padding-bottom:0}.steps p{font-size:16px}.steps h3{font-size:17px}.about,.technology{display:block}.about h2{max-width:330px}.note{margin:28px 0 0;padding:24px}.note p{font-size:15px}.actions{gap:18px;align-items:flex-start}.actions a{font-size:14px}.guide-note{font-size:13px!important}.breathing{inset:25% 30%}dialog{padding:32px 22px;font-size:16px}dialog h2{font-size:25px}dialog pre{font-size:15px}footer{font-size:12px;gap:12px;padding:22px 5%}footer button{font-size:12px}footer>span{font-size:12px}[data-theme=dark] .landscape{background:linear-gradient(#53694d,#344c36)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.scene-topbar{position:absolute;inset:0 0 auto;z-index:2}.toolbar button{font-size:15px}@media(max-width:650px){.scene-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px;gap:8px;background:#e0e8cd}.scene-label,.day{position:static;font-size:11px;padding:9px 10px}.landscape{aspect-ratio:1400/690}.temple{object-fit:contain}.toolbar button{font-size:15px;line-height:1.5;min-height:100px;gap:7px;padding:10px 4px}.scene-message{min-height:76px}[data-theme=dark] .scene-topbar{background:#213c30}}
@media(min-width:651px) and (max-width:900px){.steps{grid-template-columns:1fr;gap:20px}.steps li{gap:16px}.technology{grid-template-columns:1fr}.note{margin-top:28px}}