@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bd07166b4bfc61e8-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cfcec813dc3a08e9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/36fd679057d5a2c4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c7264a3a2106b0d0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2dd011bd4b4fc303-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/958a711b2e583ad1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c6a2710c82995c59-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/46fe284ea6b208dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36eb08c333fd876e-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d3d40dfafe168921-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/257a6a4ad8e88015-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/dcb7dbe335a6f155-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree Fallback;src:local("Arial");ascent-override:96.70%;descent-override:24.18%;line-gap-override:0.00%;size-adjust:103.41%}.__className_02d5a5{font-family:Bai Jamjuree,Bai Jamjuree Fallback;font-style:normal}.__variable_02d5a5{--font-display:"Bai Jamjuree","Bai Jamjuree Fallback"}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/35784d48f2a2843a-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/386ca2a5da784f58-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/1f5f9c423f98fe52-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Mitr;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/72dbbb0ecdeaf97f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2d07845c033ca1d5-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c13d1fbac9aca79-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ff400540610f9b2a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67ada335d3ad82d6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mitr Fallback;src:local("Arial");ascent-override:100.52%;descent-override:36.71%;line-gap-override:0.00%;size-adjust:114.40%}.__className_6d6ca8{font-family:Mitr,Mitr Fallback;font-style:normal}.__variable_6d6ca8{--font-body:"Mitr","Mitr Fallback"}*{box-sizing:border-box}body,html{padding:0;margin:0}:root{--sky-top:#171233;--sky-mid:#241c46;--sky-dusk:#3c2a48;--sky-base:#14121e;--ink:#0a0912;--foreground:#f1eefb;--muted:#9aa3c4;--faint:#6b7796;--accent:#8fa6e8;--accent-warm:#d9a56c;--glass-bg:rgba(21,19,36,0.5);--glass-bg-strong:rgba(16,14,27,0.62);--glass-border:rgba(255,255,255,0.09);--glass-shadow:0 24px 60px rgba(4,3,10,0.5);--radius-lg:26px;--radius-md:18px}body{font-family:var(--font-body),"Noto Sans Thai",sans-serif;font-weight:300;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 45%,var(--sky-dusk) 72%,var(--sky-base) 100%);color:var(--foreground);line-height:1.6;min-height:100vh}button{font-family:inherit;cursor:pointer}main{max-width:460px;margin:0 auto;padding:18px 16px 56px;display:flex;flex-direction:column;gap:22px;position:relative}header.app-header{text-align:center;padding-top:20px;position:relative}header.app-header h1{font-family:var(--font-display),sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.6rem;margin:0 0 6px}header.app-header p{margin:0;color:var(--muted);font-size:.85rem;letter-spacing:.01em}.nav-buttons{display:flex;gap:8px;margin-top:16px}.btn,.nav-buttons{justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:var(--foreground);font-size:.85rem;font-weight:400;letter-spacing:.02em;text-decoration:none;transition:border-color .2s ease,background .2s ease}.btn:hover{border-color:rgba(143,166,232,.45)}.btn.btn-outline{background:transparent;border:1.5px solid var(--glass-border);color:var(--muted)}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scene-sky{background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 40%,var(--sky-dusk) 68%,var(--sky-base) 100%)}.scene-sky,.scene-stars{position:absolute;inset:0}.scene .star{position:absolute;border-radius:50%;background:#dbe3fb;opacity:0;transition:opacity 1.2s ease}.scene.night .star{opacity:.75}.scene-lightning{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 28% 18%,rgba(191,202,255,.4),transparent 62%)}.scene-lightning.layer-b{background:radial-gradient(ellipse at 68% 12%,rgba(170,190,255,.3),transparent 55%)}.scene-lightning.layer-a.active{animation:lightning-flicker-a 19s ease-in-out infinite}.scene-lightning.layer-b.active{animation:lightning-flicker-b 27s ease-in-out infinite;animation-delay:6s}@keyframes lightning-flicker-a{0%,91%,to{opacity:0}92%{opacity:.6}92.6%{opacity:.08}93.2%{opacity:.42}94%{opacity:0}}@keyframes lightning-flicker-b{0%,94%,to{opacity:0}95%{opacity:.5}95.8%{opacity:0}}.rain-layer{position:absolute;inset:0}.raindrop{position:absolute;top:-8%;width:1.5px;background:linear-gradient(180deg,rgba(190,205,240,0),rgba(190,205,240,.6));border-radius:2px}.raindrop.near{width:2px;background:linear-gradient(180deg,rgba(210,220,250,0),rgba(210,220,250,.75))}.raindrop.animated{animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(115vh)}}.skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:26vh;min-height:150px;max-height:260px}.skyline path{fill:var(--ink);stroke-width:.6;vector-effect:non-scaling-stroke}.skyline.roof-tin path{stroke:rgba(159,180,232,.4)}.skyline.roof-tile path{stroke:rgba(217,165,108,.4)}.skyline.roof-canvas path{stroke:rgba(126,184,152,.35)}@media (prefers-reduced-motion:reduce){.raindrop.animated{animation:none}}.app-foreground{display:flex;flex-direction:column;gap:22px}.play-button-wrap{padding:8px 0 4px}.play-button,.play-button-wrap{display:flex;justify-content:center}.play-button{width:168px;height:168px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 34% 28%,#4a6bb0 0,#26315c 55%,#171b34 100%);color:#fdfcff;font-family:var(--font-display),sans-serif;font-size:2.6rem;align-items:center;box-shadow:0 18px 50px rgba(20,30,65,.55);transition:transform .15s ease}.play-button:active{transform:scale(.97)}.play-button.playing{animation:breathe 3.6s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 18px 50px rgba(20,30,65,.55),0 0 0 0 rgba(143,166,232,.35)}50%{box-shadow:0 18px 60px rgba(20,30,65,.6),0 0 40px 14px rgba(143,166,232,.28)}}@media (prefers-reduced-motion:reduce){.play-button.playing{animation:none;box-shadow:0 18px 50px rgba(20,30,65,.55),0 0 30px 8px rgba(143,166,232,.3)}}.control-stack{display:flex;flex-direction:column;gap:16px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px 20px;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--glass-shadow)}.control-group{display:flex;flex-direction:column;gap:12px}.control-label{display:flex;justify-content:space-between;font-size:.82rem;letter-spacing:.04em;color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--fill,50%),rgba(255,255,255,.12) var(--fill,50%),rgba(255,255,255,.12) 100%);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fdfcff;border:3px solid var(--accent);box-shadow:0 2px 10px rgba(4,3,10,.5);cursor:pointer}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:rgba(255,255,255,.12)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fdfcff;border:3px solid var(--accent);box-shadow:0 2px 10px rgba(4,3,10,.5);cursor:pointer}.segmented{display:flex;gap:6px;background:rgba(9,8,17,.4);border-radius:var(--radius-md);padding:4px}.segmented button{flex:1 1;border:none;background:transparent;color:var(--muted);padding:11px 6px;border-radius:14px;font-size:.84rem;font-weight:400;letter-spacing:.02em;transition:background .2s ease,color .2s ease}.segmented button[aria-pressed=true]{background:rgba(143,166,232,.22);color:var(--foreground)}.toggle-row{display:flex;gap:10px}.toggle-btn{flex:1 1;border:1.5px solid var(--glass-border);background:rgba(9,8,17,.35);color:var(--muted);padding:13px 8px;border-radius:var(--radius-md);font-size:.86rem;letter-spacing:.02em;font-weight:400;transition:background .2s ease,border-color .2s ease,color .2s ease}.toggle-btn[aria-pressed=true]{background:rgba(143,166,232,.2);border-color:rgba(143,166,232,.55);color:var(--foreground)}.sleep-row{display:flex;gap:8px}.sleep-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid var(--glass-border);background:rgba(9,8,17,.35);color:var(--muted);padding:12px 6px 10px;border-radius:var(--radius-md);font-size:.8rem;letter-spacing:.02em;font-weight:400;transition:background .2s ease,border-color .2s ease,color .2s ease}.moon-icon{width:20px;height:20px}.moon-lit{fill:#e9ecf9}.moon-shadow{fill:var(--ink)}.sleep-btn[aria-pressed=true]{background:rgba(217,165,108,.18);border-color:rgba(217,165,108,.55);color:var(--foreground)}.sleep-btn[aria-pressed=true] .moon-lit{fill:var(--accent-warm)}.sleep-status{font-size:.78rem;color:var(--muted);text-align:center}.note{line-height:1.6;letter-spacing:.01em}.note,footer.app-footer{font-size:.76rem;color:var(--faint);text-align:center}footer.app-footer{padding:28px 16px 12px;letter-spacing:.02em}.method-content h2{font-family:var(--font-display),sans-serif;font-weight:400;letter-spacing:.02em;font-size:1.05rem;margin-top:28px}.method-content li,.method-content p{color:var(--muted)}.method-content ul{padding-left:20px}