*,:after,:before{box-sizing:border-box}body{margin:0}button{cursor:pointer;font:inherit;background:transparent;border:0;color:inherit}button:disabled{cursor:default}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.pb-4{padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.cursor-pointer{cursor:pointer}.p-3{padding:.75rem}.mt-2{margin-top:.5rem}:root{--bg:#070b14;--bg2:#0c1424;--card:rgba(140,190,255,.05);--card2:rgba(140,190,255,.09);--line:rgba(130,180,255,.16);--line2:rgba(130,180,255,.32);--ink:#e9effa;--muted:#93a6c6;--sky:#5bb6ff;--sky2:#9bd6ff;--sky3:#2e7fd4;--radius:14px;--maxw:920px;--font:"Inter","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.site{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.site:before{content:"";position:fixed;inset:0 0 auto 0;height:620px;pointer-events:none;z-index:0;background:radial-gradient(900px 420px at 18% -8%,rgba(91,182,255,.2),transparent 62%),radial-gradient(700px 360px at 88% 2%,rgba(46,127,212,.18),transparent 60%)}.site>*{position:relative;z-index:1}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent)}.nav-in{display:flex;align-items:center;gap:18px;height:60px}.brand{font-weight:700;letter-spacing:-.02em;font-size:1.05rem;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{color:var(--sky)}.nav-links{display:flex;gap:2px;flex:1 1;flex-wrap:wrap;min-width:0}.nav-links a{font-size:.875rem;color:var(--muted);text-decoration:none;padding:7px 11px;border-radius:9px;white-space:nowrap}.nav-links a:hover{color:var(--ink);background:var(--card)}.nav-links a[aria-current=page]{color:var(--sky2);background:var(--card2)}.lang{display:flex;gap:1px;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex-shrink:0}.lang a{font-size:.75rem;padding:5px 10px;text-decoration:none;color:var(--muted);letter-spacing:.04em}.lang a[data-on="1"]{background:var(--sky3);color:#fff}h1,h2,h3{letter-spacing:-.025em;line-height:1.2;margin:0}h1{font-size:clamp(2rem,5.5vw,3rem);font-weight:700}h2{font-size:1.35rem;font-weight:650;margin-top:2.6rem;margin-bottom:.9rem}h3{font-size:1rem;font-weight:620}p{line-height:1.75;color:var(--muted);margin:.7rem 0}a{color:var(--sky2)}.lead{font-size:1.08rem;color:#bdcde6;max-width:60ch}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}main{flex:1 1;padding:44px 0 80px}section+section{margin-top:8px}.hero{padding:34px 0 10px}.hero h1{margin-bottom:.5rem}.hero .lead{margin-top:1rem}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.6rem}.btn{display:inline-block;font-size:.875rem;padding:9px 16px;border-radius:10px;text-decoration:none;border:1px solid var(--line2);color:var(--ink)}.btn:hover{background:var(--card2)}.btn-p{background:var(--sky3);border-color:var(--sky3);color:#fff}.btn-p:hover{background:var(--sky);border-color:var(--sky)}.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:18px 20px}.cards{display:grid;grid-gap:12px;gap:12px}@media(min-width:700px){.cards-2{grid-template-columns:1fr 1fr}}.card h3{margin-bottom:.3rem}.card p{margin:.35rem 0 0;font-size:.9rem}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:.85rem}.tag{font-size:.72rem;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--sky2);background:var(--card)}.links{display:flex;gap:14px;flex-wrap:wrap;margin-top:.9rem;font-size:.85rem}.list{list-style:none;padding:0;margin:.6rem 0 0}.list li{padding:11px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.6}.list li:first-child{border-top:0}.list b{color:var(--ink);font-weight:600}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 18px;gap:6px 18px;font-size:.9rem;margin-top:.8rem}.kv dt{color:var(--sky2);white-space:nowrap}.kv dd{margin:0}.foot,.kv dd{color:var(--muted)}.foot{border-top:1px solid var(--line);padding:26px 0;font-size:.8rem}.foot-in{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--sky2)}.av{margin-top:1.6rem}.av-scale{position:relative;height:18px;margin-left:64px;font-size:.68rem;color:var(--muted)}.av-scale span{position:absolute;transform:translateX(-50%);white-space:nowrap}.av-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.av-day{width:52px;flex-shrink:0;font-size:.78rem;color:var(--muted);text-align:right}.av-day[data-today="1"]{color:var(--sky2);font-weight:600}.av-bar{position:relative;flex:1 1;height:26px;border-radius:7px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid var(--line)}.av-seg{position:absolute;top:0;bottom:0;display:block}.av-busy{background:linear-gradient(180deg,var(--sky3),#255fa0)}.av-free{background:rgba(155,214,255,.2)}.av-sleep{background:hsla(0,0%,100%,.025)}.av-key{gap:18px;flex-wrap:wrap;margin-top:1.1rem;font-size:.8rem;color:var(--muted)}.av-key,.av-key span{display:flex;align-items:center}.av-key span{gap:7px}.av-key i{position:static;width:22px;height:12px;border-radius:4px;border:1px solid var(--line)}