:root{--bg:#fffbef;--ink:#1e1b2e;--muted:#575270;--card:#fff;--line:#1e1b2e;--rule:#e6eef2;--paper2:#f1ead6;--tangerine:#ff6b35;--tangerine-ink:#c2410c;--sky:#7dbcf0;--mint:#5adbb4;--mango:#ffc83d;--on:#1e1b2e;--margin:#ffb59a;--sans:"Google Sans", system-ui, sans-serif;--khmer:"Google Sans", "Noto Sans Khmer", "Khmer Sangam MN", sans-serif;--hand:"Caveat", "Google Sans", cursive;--mono:"Google Sans Code", ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16132a;--ink:#fff6da;--muted:#bdb6d4;--card:#221e3b;--line:#fff6da;--rule:#2a2648;--paper2:#1d1934;--tangerine-ink:#ff9a6b;--margin:#7a3d2a;color-scheme:dark}}:root[data-theme=dark]{--bg:#16132a;--ink:#fff6da;--muted:#bdb6d4;--card:#221e3b;--line:#fff6da;--rule:#2a2648;--paper2:#1d1934;--tangerine-ink:#ff9a6b;--margin:#7a3d2a;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);margin:0}.km{font-family:var(--khmer)}code,kbd{font-family:var(--mono);font-size:.9em}kbd{text-align:center;border:2px solid var(--line);background:var(--card);border-bottom-width:3.5px;border-radius:6px;min-width:1.7em;padding:1px 6px;font-size:.8rem;display:inline-block}.gut{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.in{max-width:1120px;margin:0 auto}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--tangerine);outline-offset:2px}.logo{font:700 1.2rem var(--sans);color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.logo img{width:40px;height:40px;animation:3s ease-in-out infinite wobble;display:block}@keyframes wobble{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(4deg)scale(1.06)}}.nav{flex-wrap:wrap;align-items:center;gap:18px;padding-block:18px;display:flex}.nav .links{flex-wrap:wrap;gap:6px 18px;margin-left:auto;font-size:.95rem;font-weight:500;display:flex}.nav .links a{color:var(--ink);text-decoration:none}.nav .links a:hover{text-decoration:underline 2px var(--tangerine);text-underline-offset:4px}.hand{font:700 1.5rem/1.1 var(--hand);color:var(--tangerine-ink);margin:0}.btn{font:700 .9rem var(--sans);border:2.5px solid var(--line);background:var(--card);color:var(--ink);box-shadow:3px 3px 0 var(--line);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--line);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.btn.y{background:var(--mango);color:var(--on)}.pill{font:700 .68rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 8px}.pill.live{background:var(--mint);color:var(--on)}.pill.soon{background:var(--card);color:var(--muted)}.d-input{width:100%;color:inherit;font:500 1.1rem/32px var(--mono);text-decoration:underline 2px var(--tangerine);text-underline-offset:5px;background:0 0;border:0;outline:none;padding:0}.d-input::placeholder{color:var(--muted);opacity:.7;text-decoration:none}.d-out{font-family:var(--khmer);word-break:break-word;white-space:pre-wrap;min-height:1.6em;font-weight:600}.d-out:empty:before{content:attr(data-empty);color:var(--muted);font-size:.6em;font-weight:400;font-family:var(--sans)}.d-cands{flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;margin:0;padding:0;list-style:none;display:flex}.d-cands button{border:2px solid var(--line);background:var(--card);box-shadow:2px 2px 0 var(--line);font:600 1.05rem/1.4 var(--khmer);color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:4px 10px 4px 6px;animation:.3s both rise;display:inline-flex}.d-cands button.hi{background:var(--mint);color:var(--on)}.d-cands button b{font:700 .66rem var(--sans);background:var(--rule);width:18px;height:18px;color:var(--ink);border-radius:5px;place-items:center;display:inline-grid}.d-cands button.hi b{color:var(--on);background:#fff}.d-cands .hint{color:var(--muted);font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(5px)}}.d-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copied{font:700 .8rem var(--sans);color:var(--tangerine-ink)}.platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.plat{border:2.5px solid var(--line);background:var(--card);box-shadow:4px 4px 0 var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.plat h3{margin:0;font-size:1.1rem}.plat p{color:var(--muted);flex:1;margin:0;font-size:.92rem}.plat a,.why a,.faq a{color:var(--tangerine-ink);font-weight:700}.plat a{font-size:.9rem}.plat.is-soon{box-shadow:none;border-style:dashed}.plat .pill{align-self:flex-start}.plat .note{color:var(--muted);font-size:.8rem}.hero .status{color:var(--muted);margin:18px 0 0;font-size:.88rem}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:2.5px solid var(--line);background:var(--card);box-shadow:4px 4px 0 var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.steps h3{margin:0;font-size:1.15rem}.steps p{color:var(--muted);margin:0}.steps code{font-size:1.1rem}.steps .big{font-size:1.4rem;font-weight:600}.steps .num{border:2px solid var(--line);background:var(--mango);width:36px;height:36px;color:var(--on);border-radius:50%;place-items:center;font-weight:700;display:grid}.steps li:first-child .num{background:var(--tangerine)}.steps li:nth-child(3) .num{background:var(--mint)}.why{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px 32px;display:grid}.why h3{margin:0 0 6px;font-size:1.1rem}.why p{color:var(--muted);margin:0}.faq>*{max-width:760px}.faq details{border-bottom:2px solid var(--rule);padding:14px 0}.faq summary{cursor:pointer;min-height:28px;font-weight:700}.faq details>p{color:var(--muted);margin:8px 0 0}.faq details>.keys{margin-top:14px}section.band.cta{padding-top:0}.cta .panel{background:var(--tangerine);color:var(--on);border:2.5px solid var(--line);box-shadow:6px 6px 0 var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px;display:flex}.cta .panel p{margin:0;font-size:1.6rem;font-weight:700}.cta .panel h2{color:var(--on);text-wrap:balance;margin:4px 0 0;font-size:2rem}.keys{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px 24px;display:grid}.keys div{flex-direction:column;gap:4px;min-width:0;display:flex}.keys p{color:var(--muted);margin:0;font-size:.9rem}.foot{border-top:2.5px solid var(--line);color:var(--muted);padding-block:22px 40px;font-size:.88rem}.foot .in{flex-wrap:wrap;align-items:baseline;gap:10px 28px;display:flex}.foot a{color:var(--ink)}.foot .r{margin-left:auto}h2.sec{text-wrap:balance;margin:0 0 14px;font-size:1.5rem}section.band{padding-block:44px}.band.alt{background:var(--paper2);border-block:2.5px solid var(--line)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;padding-block:28px 48px;display:grid}.hero h1{text-wrap:balance;letter-spacing:-.01em;margin:8px 0 14px;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}.hero h1 mark{background:linear-gradient(transparent 60%, var(--mango) 60% 92%, transparent 92%);color:inherit}.hero .lede{color:var(--muted);max-width:46ch;margin:0 0 20px;font-size:1.05rem}.hero .ctas{flex-wrap:wrap;gap:10px;display:flex}.notebook{border:2.5px solid var(--line);box-shadow:6px 6px 0 var(--line);background:var(--bg);border-radius:14px;overflow:hidden;transform:rotate(.6deg)}.notebook .bar{background:var(--paper2);border-bottom:2.5px solid var(--line);font:700 .78rem var(--sans);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;display:flex}.notebook .bar i{background:var(--tangerine);border:1.5px solid var(--line);border-radius:50%;width:10px;height:10px;display:block}.notebook .bar i:nth-child(2){background:var(--mango)}.notebook .bar i:nth-child(3){background:var(--mint)}.notebook .bar span{margin-left:8px}.paper{background:linear-gradient(to bottom, transparent 31px, var(--rule) 31px 32px) 0 0 / 100% 32px, var(--bg);flex-direction:column;gap:10px;padding:16px 18px 18px 50px;display:flex;position:relative}.paper:before{content:"";background:var(--margin);width:2px;position:absolute;top:0;bottom:0;left:32px}.paper .d-out{font-size:1.9rem;line-height:64px}.paper .d-inwrap{border-bottom:2px dashed var(--line)}@media (width<=960px){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.hero,.steps{grid-template-columns:1fr}.cta .panel{padding:28px 22px}.notebook{transform:none}.nav .links{width:100%;margin-left:0}}@media (width<=560px){.platforms{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}