:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--ink:#04020c;--glass:rgba(18,12,48,.62);--line:rgba(170,150,255,.22);--text:#efeaff;--muted:#a9a0d6;--accent:#ff8af0;--good:#5fe0c0;--warn:#ffb54a;--bad:#ff5d7a;--display:"Mitr","IBM Plex Sans Thai",system-ui,sans-serif;--body:"IBM Plex Sans Thai",system-ui,sans-serif;color-scheme:dark}html,body{height:100%;overflow:hidden}body{background:var(--ink);color:var(--text);font-family:var(--body);margin:0}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#gl{touch-action:none;cursor:crosshair}.top{position:fixed;top:0;left:0;right:0;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hud{pointer-events:auto;min-width:0;width:min(300px,100%);background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hud-row strong{font-family:var(--display);font-weight:500;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-row span{color:var(--muted);font-size:.8rem;white-space:nowrap}.stat{display:grid;grid-template-columns:3.6em 1fr 2.2em;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.stat b{font-weight:500;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.meter{height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.meter i{display:block;height:100%;width:50%;border-radius:inherit;background:var(--good);transition:width .4s,background .4s}.meter i.warn{background:var(--warn)}.meter i.bad{background:var(--bad)}.mini{pointer-events:auto;font-size:.72rem;padding:.35rem .6rem;letter-spacing:.06em;opacity:.75}#load[hidden],.sheet[hidden],#toast[hidden],#paused[hidden]{display:none}#load{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:.95rem;pointer-events:none}.bar{position:fixed;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);padding-top:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:linear-gradient(to top,#04020cd9,#04020c00)}button{font:500 .88rem var(--body);color:var(--text);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bar button{min-width:5.2em}.foods{flex-basis:100%;display:flex;gap:6px;justify-content:center}.foods button{min-width:0;font-size:.8rem;padding:.4rem .75rem}button.primary{border-color:var(--accent);color:#fff}button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;color:#fff}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 72px);width:min(420px,calc(100% - 32px));max-height:min(70vh,560px);overflow:auto;background:#0e0926eb;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.sheet h2{font-family:var(--display);font-weight:500;font-size:1.05rem;margin:0}.sheet .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.86rem}.sheet dt{color:var(--muted)}.sheet dd{margin:0;font-variant-numeric:tabular-nums}.sheet input{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;min-width:0;flex:1}.sheet .note{font-size:.75rem;color:var(--muted);margin:0}.sheet-head{display:flex;justify-content:space-between;align-items:center}#test{border-style:dashed}#test .tag{font-size:.7rem;letter-spacing:.08em;color:var(--warn)}#toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 76px);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;pointer-events:none;z-index:6}#paused{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-size:1.2rem;color:var(--text);background:#04020c59;pointer-events:none}#tool{pointer-events:none}#b-siphon[aria-pressed=true]{border-color:var(--good);box-shadow:0 0 0 1px var(--good) inset;color:#fff}.sheet .readout{font-size:.78rem;margin:0;padding:.45rem .6rem;border-radius:10px;background:#ffffff0d;font-variant-numeric:tabular-nums}.care-sum{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--muted)}.care-sum b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.step{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.step h3{margin:0;font:500 .9rem var(--display);display:flex;justify-content:space-between;gap:8px;align-items:baseline}.step h3 span{font:400 .74rem var(--body);color:var(--muted)}.kit{display:flex;gap:10px;align-items:flex-end}.tube{display:grid;justify-items:center;gap:3px;font-size:.66rem;color:var(--muted)}.tube div{width:16px;height:44px;border:1px solid rgba(220,230,255,.45);border-top:none;border-radius:0 0 9px 9px;position:relative;overflow:hidden;background:#ffffff0a}.tube i{position:absolute;left:0;right:0;bottom:0;height:0;transition:height 1s ease,background 1s ease}.reads{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;font-size:.8rem;margin:0}.reads dt{color:var(--muted)}.reads dd{margin:0;font-variant-numeric:tabular-nums}.pill{font-size:.7rem;padding:.05rem .45rem;border-radius:99px;border:1px solid currentColor;white-space:nowrap}.ok{color:var(--good)}.mid{color:var(--warn)}.hi{color:var(--bad)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{padding:.35rem .7rem;font-size:.8rem}#care .row button{font-size:.82rem;padding:.45rem .85rem}#wc-stage{font-size:.8rem;margin:0}@media (max-width:440px){.bar{gap:6px}.bar button{min-width:0;padding:.5rem .78rem;font-size:.84rem}}.col-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.col-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.col-info{display:grid;gap:2px;min-width:0}.col-info b{font-family:var(--display);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-info span{font-size:.74rem;color:var(--muted)}.col-item button{flex:none;font-size:.8rem;padding:.4rem .8rem}.col-item .pill{flex:none}