@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-thai-500-normal-CZoh8WWr.woff2)format("woff2"),url(/assets/anuphan-thai-500-normal-DOsDZgfO.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-latin-500-normal-DE4mzdQz.woff2)format("woff2"),url(/assets/anuphan-latin-500-normal-B9L7_HnD.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-thai-600-normal-Co7SjXAc.woff2)format("woff2"),url(/assets/anuphan-thai-600-normal-CeOd1Bty.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-latin-600-normal-C3byZ5Vp.woff2)format("woff2"),url(/assets/anuphan-latin-600-normal-DSdXqWS_.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-thai-700-normal-rOsLv-jZ.woff2)format("woff2"),url(/assets/anuphan-thai-700-normal-B9xfo8qq.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-latin-700-normal-WxQNlaBM.woff2)format("woff2"),url(/assets/anuphan-latin-700-normal-D1LjmPNx.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-CAqL3w-J.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-DsN5duVm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-looped-latin-400-normal-Dy-mY0VS.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-latin-400-normal-CQ5mzAwe.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BmlMUbjd.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BITZFU6i.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-looped-latin-500-normal-98jvDUiA.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-latin-500-normal-Soqv60t3.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-looped-thai-600-normal-Bgzp2ueZ.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-600-normal-Zut2UJVf.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-looped-latin-600-normal-DG8pQvH_.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-latin-600-normal-BLz5_RwB.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2)format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2)format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2)format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff)format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2)format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff)format("woff")}:root{--bg1:#e1f7f1;--bg2:#e7f0fd;--bg3:#ffeff5;--bg:#eef7f5;--surface:#fff;--surface-2:#eef6f5;--field:#f4fbfa;--ink:#21304a;--ink-2:#5f7189;--line:#d7e9ea;--primary:#0b8478;--on-primary:#fff;--primary-soft:#d7f3ee;--hero-from:#12b5a6;--hero-to:#3b82f6;--hero-end:#7c8cff;--on-hero:#fff;--pink:#ff6b9a;--pink-soft:#ffe6ee;--drink:#2f7bea;--drink-soft:#e3eefe;--urine:#e59a0c;--urine-soft:#fff1d3;--leak:#8a63e6;--leak-soft:#efe9fd;--stool:#b5764b;--stool-soft:#f8ece2;--symptom:#d9486a;--symptom-soft:#ffe6ec;--med:#0f9d74;--med-soft:#ddf6ec;--pad:#1593b8;--pad-soft:#ddf3fa;--turn:#5c6bc0;--turn-soft:#e7eafb;--vital:#c2410c;--vital-soft:#ffe9dc;--ch-drink:#2f7bea;--ch-urine:#e59a0c;--ch-leak:#5c6bc0;--ch-sys:#d9486a;--ch-dia:#5c6bc0;--on-c:#fff;--ok:#0f8a5f;--ok-soft:#dff8ec;--warn:#a25b00;--warn-soft:#fff0cc;--danger:#c2264b;--danger-soft:#ffe4ea;--on-danger:#fff;--shadow:0 10px 30px #12788c1f;--shadow-sm:0 2px 10px #12788c14;--pattern:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke='%2312b5a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.14'><path d='M20 30h10m-5-5v10'/><path d='M100 20l12 7v14l-12 7-12-7V27z'/><path d='M10 110h22l6-12 8 24 6-16 4 4h20'/><circle cx='140' cy='100' r='4'/><path d='M144 100h18v-20'/><circle cx='162' cy='76' r='4'/><path d='M120 150h12m-6-6v12' stroke='%23ff6b9a'/><circle cx='50' cy='155' r='8' stroke='%233b82f6'/><path d='M50 151v8m-4-4h8' stroke='%233b82f6'/><path d='M150 31c-5-7-14 1 0 11 14-10 5-18 0-11z' stroke='%23ff6b9a'/></svg>");--font-display:"Anuphan", "Thonburi", "Leelawadee UI", "Tahoma", sans-serif;--font-body:"IBM Plex Sans Thai Looped", "Thonburi", "Leelawadee UI", "Tahoma", sans-serif;--r-xl:26px;--r-lg:22px;--r-md:16px;--tabbar-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg1:#0b1a1e;--bg2:#0d1726;--bg3:#1a1220;--bg:#0c181c;--surface:#13242a;--surface-2:#1b3038;--field:#182c33;--ink:#e4eef0;--ink-2:#9ab0b7;--line:#26404a;--primary:#45c2b6;--on-primary:#04211f;--primary-soft:#173a3b;--hero-from:#0e6f68;--hero-to:#1e4f9c;--hero-end:#3c4a9e;--on-hero:#f2fbfa;--pink:#ff8fb1;--pink-soft:#3a1f2a;--drink:#78b2ff;--drink-soft:#15304d;--urine:#f3ba4c;--urine-soft:#3a2d12;--leak:#b9a0ff;--leak-soft:#2d2445;--stool:#dda77f;--stool-soft:#3a2a1f;--symptom:#ff8fa8;--symptom-soft:#3d1c26;--med:#5fd3a2;--med-soft:#133a2c;--pad:#6cc9e6;--pad-soft:#12323d;--turn:#a3aef5;--turn-soft:#232a4d;--vital:#ff9e6b;--vital-soft:#3d2216;--ch-drink:#4a8de8;--ch-urine:#c4861a;--ch-leak:#7480d8;--ch-sys:#d9577a;--ch-dia:#7480d8;--on-c:#0c181c;--ok:#5fd3a2;--ok-soft:#133a2c;--warn:#f2c14e;--warn-soft:#3a2e0e;--danger:#ff8a9d;--danger-soft:#3d1a22;--on-danger:#2a0710;--shadow:0 10px 30px #00000059;--shadow-sm:0 2px 10px #0000004d;--pattern:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);font:16px/1.55 var(--font-body);background:var(--pattern) 0 0/180px 180px, radial-gradient(900px 500px at 100% 0, var(--bg3), transparent 60%), linear-gradient(160deg, var(--bg1), var(--bg2));background-color:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-attachment:fixed;margin:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}td:focus-visible{outline:3px solid var(--primary);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.25}p{margin:0}input,select{font:inherit}.t-drink{--c:var(--drink);--c-soft:var(--drink-soft)}.t-urine{--c:var(--urine);--c-soft:var(--urine-soft)}.t-leak{--c:var(--leak);--c-soft:var(--leak-soft)}.t-stool{--c:var(--stool);--c-soft:var(--stool-soft)}.t-symptom{--c:var(--symptom);--c-soft:var(--symptom-soft)}.t-med{--c:var(--med);--c-soft:var(--med-soft)}.t-pad{--c:var(--pad);--c-soft:var(--pad-soft)}.t-turn{--c:var(--turn);--c-soft:var(--turn-soft)}.t-vital{--c:var(--vital);--c-soft:var(--vital-soft)}.app{max-width:1180px;padding-inline-start:16px;padding-inline-end:16px;padding-block:calc(12px + env(safe-area-inset-top,0px)) calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom,0px));margin:0 auto}.hero{border-radius:var(--r-xl);color:var(--on-hero);background:linear-gradient(120deg, var(--hero-from), var(--hero-to) 70%, var(--hero-end));box-shadow:var(--shadow);align-items:center;gap:14px;margin-bottom:14px;padding:16px 16px 30px;display:flex;position:relative;overflow:hidden}.hero .mascot{filter:drop-shadow(0 4px 8px #00000026);flex:none;width:52px;height:52px}.hero-main{flex:1;min-width:0}.hero .eyebrow{opacity:.95;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;display:flex}.hero h1{overflow-wrap:anywhere;font-size:clamp(20px,5.4vw,27px);font-weight:700}.hero .pill{color:var(--on-hero);background:#ffffff38;border-radius:99px;padding:0 10px;font-size:12.5px;font-weight:600}.hero .ecg{pointer-events:none;width:100%;height:24px;position:absolute;bottom:4px;left:0;right:0}.hero .ecg path{fill:none;stroke:#fff6;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.hero .ecg path+path{stroke:#fff;stroke-dasharray:90 700;animation:4s linear infinite beat}@keyframes beat{0%{stroke-dashoffset:90px}to{stroke-dashoffset:-700px}}.me{text-align:left;min-height:48px;color:var(--on-hero);background:#fff3;border-radius:99px;flex:none;align-items:center;gap:9px;padding:5px 12px 5px 5px;display:flex}.me .avatar{color:#0b8478;background:#fff}.me small{opacity:.9;font-size:11px;line-height:1.2;display:block}.me b{white-space:nowrap;text-overflow:ellipsis;max-width:9em;font-size:15px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.avatar{background:var(--primary);width:38px;height:38px;color:var(--on-primary);font:600 16px var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.sync{color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:7px;min-height:30px;margin-bottom:12px;padding:4px 12px 4px 10px;font-size:13px;display:inline-flex}.sync i{background:var(--ink-2);border-radius:50%;flex:none;width:9px;height:9px}.sync[data-s=ok] i{background:var(--ok)}.sync[data-s=syncing] i{background:var(--drink);animation:1s ease-in-out infinite blink}.sync[data-s=offline] i,.sync[data-s=pending] i{background:var(--warn)}.sync[data-s=error] i,.sync[data-s=signed-out] i{background:var(--danger)}@keyframes blink{50%{opacity:.3}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px}.card-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.card-h h2{font-size:18px;font-weight:600}.card-h span{color:var(--ink-2);font-size:13px}.mt{margin-top:14px}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0;padding:14px 16px}.stat-l{color:var(--ink-2);align-items:center;gap:7px;font-size:14px;display:flex}.stat-l i{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.stat-v{font:600 34px/1.15 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:4px}.stat-v small{color:var(--ink-2);margin-left:4px;font-size:15px;font-weight:500}.stat-s{color:var(--ink-2);font-size:13px}.bar{background:var(--c-soft);border-radius:99px;height:8px;margin-block-start:10px;margin-block-end:6px;overflow:hidden}.bar>span{background:var(--c);border-radius:inherit;height:100%;transition:width .4s;display:block}.goal{color:var(--pink);font-weight:600}.actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.act{background:var(--c-soft);border-radius:var(--r-lg);text-align:left;min-height:124px;box-shadow:var(--shadow-sm);border:2px solid #0000;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;transition:transform .12s,box-shadow .12s;display:flex}.act:active{transform:scale(.97)}@media (hover:hover){.act:hover{border-color:var(--c)}}.ico{background:var(--c);width:50px;height:50px;color:var(--on-c);box-shadow:0 6px 14px color-mix(in srgb, var(--c) 35%, transparent);border-radius:16px;flex:none;place-items:center;display:grid}.act-l{font:600 21px/1.2 var(--font-display);display:block}.act-s{color:var(--ink-2);margin-top:2px;font-size:13px;display:block}.actions.mini{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.actions.mini .act{border-radius:var(--r-md);flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;min-height:0;padding:10px}.actions.mini .ico{border-radius:12px;width:38px;height:38px}.actions.mini .ico svg{width:21px;height:21px}.actions.mini .act-l{font-size:16px}.actions.mini .act-s{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.actions.mini .act>span:last-child{min-width:0}.quicks{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.quick{text-align:left;border-radius:var(--r-md);background:var(--surface);border:1.5px dashed var(--c);flex-direction:column;align-items:flex-start;min-width:0;min-height:52px;padding:7px 14px;display:flex}.quick:active{transform:scale(.97)}.quick span{color:var(--ink-2);font-size:12px;line-height:1.3}.quick b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.alert{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);margin-bottom:12px;padding:12px 16px}.alert b{font:600 16px var(--font-display);display:block}.alert span{font-size:13px;display:block}.medrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:8px 0;display:flex}.medrow:last-child{border-bottom:0}.medrow .n{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.medrow .n small{color:var(--ink-2);font-size:13px;font-weight:400;display:block}.medrow.done .n small{color:var(--ok)}.medrow.done .btn-soft{color:var(--ink-2);background:0 0;padding:0 8px;font-size:14px;font-weight:500}.row.li{border-bottom:1px solid var(--line);min-height:52px}.row.li .n{overflow-wrap:anywhere;flex:1;min-width:0}select.inp{-webkit-appearance:none;appearance:none;min-width:0}.tl-note{color:var(--ink-2);overflow-wrap:anywhere;font-size:13px;line-height:1.35;display:block}.amt.txt{align-items:center;min-height:62px;padding-top:0;font-size:19px}.v small{color:var(--urine);margin-left:1px;font-size:10.5px;font-weight:700}.v-more{color:var(--ink-2);font-size:12px}.bell-me{border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.bell-me.on{background:var(--ok-soft);color:var(--ok)}.bell-me i{background:var(--ink-2);border-radius:50%;flex:none;width:10px;height:10px}.bell-me.on i{background:var(--ok)}.bell-me.off{background:var(--danger-soft);color:var(--danger)}.bell-me.off i{background:var(--danger)}.bell-me span{min-width:0}.bell-me small{opacity:.85;font-size:13px;font-weight:400;display:block}.bell-list{margin:4px 0 0;padding:0;font-size:14px;list-style:none}.bell-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.bell-list li:last-child{border-bottom:0}.bell-list small{color:var(--ink-2)}.bell-key{letter-spacing:.04em;white-space:nowrap;overflow-wrap:normal;font-size:clamp(15px,4.6vw,20px)}.bell-setup .steps{font-size:14px}.au-list{margin:0;padding:0;list-style:none}.au-item{border-bottom:1px solid var(--line);grid-template-columns:84px minmax(0,1fr);gap:10px;padding:9px 0;font-size:14px;line-height:1.45;display:grid}.au-item:last-child{border-bottom:0}.au-time{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:13px}.au-date,.au-who{display:block}.au-actor{font-weight:600}.au-device,.au-ref{color:var(--ink-2);font-size:13px}.au-text{overflow-wrap:anywhere}.au-old{color:var(--ink-2)}.au-delete .au-text{color:var(--danger)}.au-ref:before{content:"· "}.vgrid{grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:16px;display:grid}.vbp{grid-column:1/-1}.vbp .row b{font:600 24px var(--font-display);color:var(--ink-2);padding-top:18px}.vbox{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vbox span{color:var(--ink-2);font-size:13px}.vbox .inp{text-align:center;font:600 21px var(--font-display);font-variant-numeric:tabular-nums;padding:8px}.seg.hmode{margin-bottom:12px}.seg.tdays{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.seg.rlen{grid-template-columns:repeat(4,1fr)}.trend{gap:14px;display:grid}.tcard .card-h{margin-bottom:2px}.tsum{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.tsum b{color:var(--ink);font:600 17px var(--font-display);font-variant-numeric:tabular-nums}.tlegend{color:var(--ink-2);gap:14px;margin-top:4px;font-size:13px;display:flex}.tlegend i,.ttip i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.tplot{touch-action:pan-y;margin-top:6px}.tchart{width:100%;height:auto;display:block;overflow:visible}.tchart .grid{stroke:var(--line);stroke-width:1px}.tchart .grid.base{stroke:var(--ink-2)}.tchart .ref{stroke:var(--ink-2);stroke-width:1px;stroke-dasharray:4 4}.tchart .ax{fill:var(--ink-2);font-size:11.5px;font-family:var(--font-body)}.tchart .hit{fill:#0000}.tchart .hit.on{fill:var(--surface-2)}.tchart .mk{pointer-events:none}.tchart .ln{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.tchart .dot{stroke:var(--surface);stroke-width:2px}.ttable{margin-top:6px}.ttable summary{min-height:40px;color:var(--primary);cursor:pointer;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}.ttable summary::-webkit-details-marker{display:none}.ttable table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.ttable th,.ttable td{text-align:right;border-bottom:1px solid var(--line);padding:5px 6px}.ttable th:first-child,.ttable td:first-child{text-align:left}.ttable th{color:var(--ink-2);font-size:12.5px;font-weight:600}.ttip{z-index:70;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;min-width:150px;padding:8px 12px;font-size:13px;position:fixed}.ttip b{font-family:var(--font-display);margin-bottom:2px;font-size:14px;display:block}.ttip span{align-items:center;gap:2px;display:flex}.ttip em{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-style:normal;font-weight:600}.shifts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sh{border-radius:var(--r-md);background:var(--surface-2);min-width:0;padding:10px}.sh.cur{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}.sh b{font:600 15px var(--font-display);display:block}.sh small{color:var(--ink-2);margin-bottom:6px;font-size:12px;display:block}.sh-row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:4px;font-size:13px;display:flex}.sh-row i{background:var(--c);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.tl-list{margin:0;padding:0;list-style:none}.tl{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:12px 50px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;padding:11px 2px;display:grid}.tl-list li:last-child .tl{border-bottom:0}.tl .dot{background:var(--c);border-radius:50%;width:12px;height:12px}.tl-time{font-variant-numeric:tabular-nums;font-weight:600}.tl-main b{font-weight:600}.tl-by{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;max-width:7em;font-size:13px;overflow:hidden}.tl .unsynced{background:var(--warn);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.empty{color:var(--ink-2);text-align:center;padding:18px 4px;font-size:14px}.tabs{z-index:30;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{min-height:58px;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12.5px;display:flex}.tabs .ti{border-radius:99px;place-items:center;width:58px;height:30px;transition:background .15s;display:grid}.tabs button[aria-current=page]{color:var(--primary);font-weight:600}.tabs button[aria-current=page] .ti{background:var(--primary-soft)}.view-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.view-h h2{font-size:23px}.daynav{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:4px;padding:4px;display:flex}.daynav button{background:var(--surface-2);border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1}.daynav button:disabled{opacity:.35}.daynav b{text-align:center;min-width:128px;font:600 15px var(--font-display);padding-inline-start:4px;padding-inline-end:4px}.hint{color:var(--ink-2);margin-bottom:12px;font-size:13px}.grid-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow-x:auto}table.hist{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.hist th,.hist td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:5px 8px}.hist thead th{color:var(--ink-2);background:var(--surface-2);font-size:13px;font-weight:600}.hist thead .dh{font:600 15px var(--font-display);color:var(--ink)}.hist tbody th{text-align:left;white-space:nowrap;width:78px;font-weight:600}.hist td{cursor:pointer;min-width:74px;height:44px}@media (hover:hover){.hist td:hover{background:var(--surface-2)}}.hist .g{border-left:2px solid var(--line)}.hist tr.sb>*{border-top:2px solid var(--ink-2)}.hist tr.now{background:var(--primary-soft)}.hist tr.now th{color:var(--primary)}.hist tfoot th,.hist tfoot td{border-top:2px solid var(--ink-2);cursor:default;background:0 0;border-bottom:0;height:50px;font-weight:700}.hdot{background:var(--c);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.v{white-space:nowrap;line-height:1.3;display:block}.v-leak{color:var(--leak);font-weight:700}.v-stool{color:var(--stool);font-weight:700}.rc{flex-direction:column;gap:14px;display:flex}.rc .daynav{box-shadow:none;background:var(--surface-2);justify-content:space-between}.rc .daynav button{background:var(--surface)}.rk{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rk div{background:var(--surface-2);border-radius:var(--r-md);min-width:0;padding:9px 12px}.rk small{color:var(--ink-2);font-size:12.5px;line-height:1.3;display:block}.rk b{font:600 20px/1.3 var(--font-display);font-variant-numeric:tabular-nums}.rk b span{font:500 12px var(--font-body);color:var(--ink-2);margin-left:3px}.seg{background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{min-height:44px;color:var(--ink-2);border-radius:11px;font-weight:600}.seg button[aria-checked=true]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.check{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.check input{width:24px;height:24px;accent-color:var(--primary);flex:none;margin:0}.check b{font-weight:600;display:block}.check small{color:var(--ink-2);font-size:13px;display:block}textarea.inp{resize:vertical;min-height:84px;line-height:1.5}.paper-frame{background:var(--surface-2);border-radius:var(--r-lg);min-width:0;margin-top:14px;padding:12px}.paper-box{overflow:hidden}.paper-scale{transform-origin:0 0;flex-direction:column;gap:24px;width:794px;display:flex}.paper-scale .paper{border-radius:3px;box-shadow:0 2px 14px #0000002e}.fl-cap{color:var(--ink-2);margin-bottom:8px;font-size:13px;display:block}.set{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field:last-child{margin-bottom:0}.field label{color:var(--ink-2);font-size:14px}.inp{font:500 17px var(--font-body);color:var(--ink);background:var(--field);border:2px solid var(--line);border-radius:var(--r-md);width:100%;min-height:52px;padding:10px 14px}.inp:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.inp.code-inp{font:700 22px var(--font-display);letter-spacing:.14em;text-transform:uppercase;text-align:center}.row{align-items:center;gap:8px;display:flex}.cg{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 0;display:flex}.cg:last-child{border-bottom:0}.cg .avatar{background:var(--surface-2);color:var(--ink)}.cg.on .avatar{background:var(--primary);color:var(--on-primary)}.cg span.n{overflow-wrap:anywhere;flex:1;min-width:0}.tag{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600}.code{font:700 24px var(--font-display);letter-spacing:.12em;background:var(--surface-2);text-align:center;overflow-wrap:anywhere;border-radius:14px;flex:1;min-width:0;padding:10px 12px}.small{color:var(--ink-2);font-size:13px;line-height:1.6}.steps{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.8}.x-btn{width:40px;height:40px;color:var(--ink-2);border-radius:50%;flex:none;font-size:20px}.x-btn.armed{background:var(--danger-soft);color:var(--danger);border-radius:99px;width:auto;padding:0 12px;font-size:13px;font-weight:600}.dev{gap:10px;padding-block-start:8px;padding-block-end:8px}.dev .n small{color:var(--ink-2);font-size:13px;display:block}.dev-x{background:var(--danger-soft);min-height:44px;color:var(--danger);border-radius:99px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.dev-x.armed{background:var(--danger);color:var(--on-danger)}.revoked{border:2px solid var(--danger);flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.revoked h2{color:var(--danger);font-size:20px}.rv-pend{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);padding:10px 14px;font-size:15px;font-weight:600}.revoked .btn-danger{margin-top:0}.cool:disabled{opacity:1}.medrow .btn-soft.cool,.quick.cool span{color:var(--ok);font-weight:600}.start{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;display:flex}.start .hero{padding-bottom:34px}.start .hero h1{font-size:24px}.start .hero p{opacity:.95;font-size:14px}.or{text-align:center;color:var(--ink-2);font-size:14px}.msg{border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);padding:12px 16px;font-size:14px;font-weight:600}.msg.ok{background:var(--ok-soft);color:var(--ok)}.btn-primary{border-radius:var(--r-md);color:#fff;width:100%;min-height:56px;font:600 18px var(--font-display);background:linear-gradient(120deg, var(--hero-from), var(--hero-to));box-shadow:0 6px 14px color-mix(in srgb, var(--hero-from) 30%, transparent);justify-content:center;align-items:center;gap:8px;transition:transform .12s;display:flex}.btn-primary:active{transform:scale(.98)}.btn-soft{background:var(--surface-2);min-height:52px;color:var(--primary);border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:flex}.btn-ghost{border-radius:var(--r-md);border:2px solid var(--primary);width:100%;min-height:52px;color:var(--primary);justify-content:center;align-items:center;font-weight:600;display:flex}.btn-danger{border-radius:var(--r-md);width:100%;min-height:52px;color:var(--danger);background:var(--danger-soft);margin-top:10px;font-weight:600}.btn-danger.armed{background:var(--danger);color:var(--on-danger)}.scrim{opacity:0;z-index:40;background:#06121673;transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.scrim.open{opacity:1}.sheet{background:var(--surface);max-width:560px;padding:10px 18px calc(20px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;z-index:50;border-radius:26px 26px 0 0;max-height:92%;margin:0 auto;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet.open{transform:none}.sheet:before{content:"";background:var(--line);border-radius:9px;width:42px;height:5px;margin:0 auto 12px;display:block}.sh-h{align-items:center;gap:12px;margin-bottom:14px;display:flex}.sh-h h3{font-size:20px}.sh-h p{color:var(--ink-2);font-size:13px}.x{background:var(--surface-2);border-radius:50%;flex:none;width:44px;height:44px;margin-left:auto;font-size:24px;line-height:1}.time-row{background:var(--surface-2);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 8px 8px 16px;display:flex}.time-row span small{color:var(--ink-2);font-size:12px;display:block}.time-row input{font:600 21px var(--font-display);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border:0;border-radius:12px;min-height:46px;padding:6px 12px}.fld{margin-bottom:16px}.fl{color:var(--ink-2);margin-bottom:8px;font-size:14px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:99px;min-height:44px;padding:0 16px;font-size:15px}.chip[aria-pressed=true]{background:var(--c-soft);border-color:var(--c);font-weight:600}.amounts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.amt{border-radius:var(--r-md);background:var(--c-soft);min-height:70px;font:600 27px/1 var(--font-display);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;padding-top:6px;transition:transform .1s;display:flex}.amt small{color:var(--ink-2);font-size:13px;font-weight:500}.amt[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--c)}.amt:active,.lvl:active{transform:scale(.96)}.custom{border-top:1px solid var(--line);margin-top:14px;padding-top:6px}.custom summary{min-height:48px;color:var(--primary);cursor:pointer;align-items:center;font-weight:600;list-style:none;display:flex}.custom summary::-webkit-details-marker{display:none}.stepper{justify-content:center;align-items:center;gap:12px;margin-block-start:6px;margin-block-end:14px;display:flex}.stepper button{background:var(--c-soft);width:56px;height:56px;font:600 26px var(--font-display);border-radius:50%}.stepper label{color:var(--ink-2);align-items:baseline;gap:6px;display:flex}.stepper input{text-align:center;width:120px;font:600 34px var(--font-display);border:0;border-bottom:2px solid var(--c);color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;padding:2px}.stepper input:focus{border-bottom-width:3px;outline:none}.levels{flex-direction:column;gap:10px;display:flex}.lvl{text-align:left;background:var(--c-soft);border-radius:var(--r-md);border:2px solid #0000;align-items:center;gap:14px;min-height:74px;padding:12px 14px;transition:transform .1s;display:flex}.lvl[aria-pressed=true]{border-color:var(--c)}.lvl-k{background:var(--c);width:46px;height:46px;color:var(--on-c);font:600 22px var(--font-body);border-radius:50%;flex:none;place-items:center;display:grid}.lvl b{font-size:16px;display:block}.lvl small{color:var(--ink-2);font-size:13px;line-height:1.45;display:block}.stack{flex-direction:column;gap:10px;display:flex}.toast{left:16px;right:16px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));background:var(--ink);max-width:480px;color:var(--bg);border-radius:var(--r-md);z-index:60;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #00000040}.toast.show{animation:.22s cubic-bezier(.2,.8,.2,1) pop}.toast span{flex:1;font-size:15px}.toast button{min-height:44px;color:var(--bg);background:color-mix(in srgb, var(--bg) 16%, transparent);border-radius:12px;padding:0 14px;font-weight:700}@keyframes pop{0%{opacity:0;transform:translateY(12px)}}#print-root{display:none}@media print{@page{size:A4;margin:0}html,body{background:#fff!important}body>:not(#print-root){display:none!important}#print-root{display:block}#print-root .paper{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;break-after:page}#print-root .paper:last-child{break-after:auto}}@media (min-width:900px){.app{padding-left:124px;padding-block:calc(22px + env(safe-area-inset-top,0px)) 40px}.tabs{width:100px;padding:calc(24px + env(safe-area-inset-top,0px)) 8px 20px;border-top:0;border-right:1px solid var(--line);grid-template-columns:none;grid-auto-rows:min-content;align-content:start;gap:10px;top:0;right:auto}#v-today{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}#v-report{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:20px;display:grid}#v-report .paper-frame{margin-top:0}#v-settings .set{grid-template-columns:1fr 1fr;align-items:start;display:grid}.sheet{opacity:0;border-radius:26px;max-height:88%;padding-bottom:22px;transition:opacity .2s,transform .22s;top:50%;bottom:auto;transform:translateY(-44%)}.sheet.open{opacity:1;transform:translateY(-50%)}.sheet:before{display:none}.toast{bottom:28px}.app.no-tabs{padding-left:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}