@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(/build/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.woff) format("woff");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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-400-normal-Dh_FJjOB.woff) format("woff");unicode-range:U+0000-00FF,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/noto-sans-thai-thai-500-normal-CU_X86GQ.woff2) format("woff2"),url(/build/assets/noto-sans-thai-thai-500-normal-BOGXO2tw.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/noto-sans-thai-latin-ext-500-normal-B-ZWb8SZ.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-ext-500-normal-CrEHO7C8.woff) format("woff");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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/noto-sans-thai-latin-500-normal-fyBKClF1.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-500-normal-BC04jsmm.woff) format("woff");unicode-range:U+0000-00FF,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/build/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2) format("woff2"),url(/build/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/build/assets/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.woff) format("woff");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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/build/assets/noto-sans-thai-latin-600-normal-CemcjnVR.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-600-normal-Dbc-dNO6.woff) format("woff");unicode-range:U+0000-00FF,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/noto-sans-thai-thai-700-normal-Cm52XUnT.woff2) format("woff2"),url(/build/assets/noto-sans-thai-thai-700-normal-C9ISMlQq.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/noto-sans-thai-latin-ext-700-normal-uJk63onE.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-ext-700-normal-xdwl2Xg6.woff) format("woff");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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/noto-sans-thai-latin-700-normal-_dn-40wb.woff2) format("woff2"),url(/build/assets/noto-sans-thai-latin-700-normal-C4AMFKt5.woff) format("woff");unicode-range:U+0000-00FF,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}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#F3F7F4;--surface:#fff;--ink:#14291F;--muted:#5C7366;--line:#E1EBE4;--line-strong:#CFDDD4;--primary:#0B7A51;--primary-hover:#086241;--primary-soft:#E6F4EC;--primary-tint:#F2FAF5;--primary-ring:#0b7a5126;--accent:#12A06B;--hero-from:#075E3E;--hero-to:#14A872;--amber:#C2610C;--rose:#C2255C;--teal:#0F766E;--leaf:#15803D;--danger:#B42346;--shadow-sm:0 1px 2px #10382a0d,0 4px 14px #10382a0f;--shadow-md:0 2px 4px #10382a0d,0 10px 28px #10382a1a;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Thai,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1.35}h2{font-size:20px;font-weight:700;line-height:1.45}h3{font-size:18px;font-weight:600}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}strong{font-weight:600}small,.small{font-size:13px}.muted{color:var(--muted)}.center{text-align:center}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[x-cloak]{display:none!important}.app-shell{max-width:1240px;margin:0 auto}.main-content{padding:20px 16px calc(130px + env(safe-area-inset-bottom));max-width:760px;margin:auto;min-width:0}.desktop-sidebar{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.page-header h1{text-align:center;font-size:24px;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:28px 0 12px}.section-heading a{display:inline-flex;align-items:center;gap:3px;font-size:14px;font-weight:500;min-height:44px}.section-heading h1{overflow-wrap:anywhere}.section-heading h2{font-size:18px}.icon-button{border:0;background:transparent;color:var(--ink);min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;position:relative;transition:background .15s}.icon-button:hover{background:var(--primary-soft)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:11px 18px;font-weight:600;font-size:15px;text-align:center;line-height:1.6;transition:background .15s,box-shadow .15s,transform .1s}.button:active{transform:scale(.98)}.primary{background:linear-gradient(135deg,#12926A,var(--primary));color:#fff;box-shadow:0 4px 12px #0b7a5133}.primary:hover{background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 6px 16px #0b7a5144;color:#fff}.secondary{background:var(--primary-soft);color:var(--primary-hover)}.secondary:hover{background:#d5ecde}.danger{background:#fff0f2;color:var(--danger)}.danger:hover{background:#ffe0e5}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button-row form{flex:1}.button-row form .button{width:100%}.page-action{margin-top:24px}.tabs{display:flex;gap:8px;margin-bottom:18px;padding:4px;background:#e4eee8;border-radius:99px}.tabs a{flex:1;text-align:center;background:transparent;color:#47604f;border-radius:99px;min-height:44px;padding:10px 6px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background .15s}.tabs a.active,.mini-tabs a.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0b7a5133}.home-hero{position:relative;overflow:hidden;border-radius:24px;padding:22px 22px 52px;background:linear-gradient(125deg,var(--hero-from),var(--hero-to));margin:0 -2px;min-height:170px;color:#fff;box-shadow:var(--shadow-md)}.hero-copy{position:relative;z-index:2;max-width:86%}.hero-copy h1{color:#fff}.greeting{color:#d6f2e4;font-weight:500;font-size:16px;margin-bottom:4px}.hero-date{color:#c4ead6;font-size:13px;margin-top:8px}.bell{position:absolute;right:10px;top:10px;z-index:3;color:#fff}.bell:hover{background:#ffffff26}.notification-dot{position:absolute;top:1px;right:1px;font-size:10px;line-height:18px;padding:0 5px;background:#ffb020;color:#3b2700;font-weight:700;border-radius:20px}.hero-sun{position:absolute;right:40px;bottom:40px;width:36px;height:36px;background:#ffe29a;border-radius:50%;box-shadow:0 0 0 10px #ffe29a26}.hero-hill{position:absolute;width:150px;height:150px;bottom:-84px;right:-30px;background:#ffffff1f;border-radius:50%}.hero-hill:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#ffffff1a;right:100px;top:-4px}.search-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:0 16px;min-height:50px;position:relative;margin:-26px 14px 22px;box-shadow:var(--shadow-md);color:var(--muted)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring),var(--shadow-md)}.search-bar input{border:0;padding:10px 0;width:100%;min-width:0;background:transparent;box-shadow:none;min-height:44px}.search-bar input:focus{box-shadow:none;border:0;outline:0}.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px;border-radius:20px;min-height:136px;padding:18px 10px;box-shadow:var(--shadow-sm);text-align:center;transition:transform .15s,box-shadow .15s}.home-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}.home-tile strong{font-size:16px;line-height:1.5}.home-tile small{display:none;color:#ffffffd9}.orange{background:linear-gradient(145deg,#D9730D,var(--amber))}.pink{background:linear-gradient(145deg,#D93A72,var(--rose))}.blue{background:linear-gradient(145deg,#12908A,var(--teal))}.purple{background:linear-gradient(145deg,#1E9C4D,var(--leaf))}.event{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:12px;color:var(--ink);transition:box-shadow .15s,border-color .15s}a.event:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.event>span:not(.soft-icon):not(.badge){flex:1;min-width:0}.event strong{display:block;overflow-wrap:anywhere}.event small{display:block;color:var(--muted);font-size:13px}.event>.icon:last-child{margin-left:auto;color:#7d9487}.soft-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.soft-icon.health{background:#fdeef4;color:var(--rose)}.soft-icon.restaurants{background:#fff2e2;color:var(--amber)}.soft-icon.cars{background:#e2f5f3;color:var(--teal)}.soft-icon.tasks{background:#e6f4ec;color:var(--leaf)}.empty{padding:36px 18px;text-align:center;grid-column:1/-1;margin:16px 0}.empty-icon{display:inline-flex;background:var(--primary-soft);color:var(--primary);padding:18px;border-radius:50%;margin-bottom:16px}.empty h3{margin-bottom:8px}.empty .button{margin-top:16px}.quiet-empty{padding:22px 12px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line-strong);border-radius:16px;margin-bottom:12px;background:var(--primary-tint)}.bottom-nav{position:fixed;left:0;bottom:0;right:0;display:flex;justify-content:space-around;background:#fffffff2;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a{color:#6a8073;min-height:48px;min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;position:relative}.bottom-nav a.active{color:var(--primary);font-weight:600}.bottom-nav a.active:before{content:"";position:absolute;top:-8px;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--primary)}.fab{position:fixed;right:20px;bottom:calc(88px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,#12926A,var(--primary));color:#fff;box-shadow:0 8px 22px #0b7a5155;display:flex;align-items:center;justify-content:center;z-index:21;transition:transform .15s}.fab:hover{transform:scale(1.06)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2a1d66;z-index:50;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.quick-sheet{background:#f8fbf9;border-radius:24px 24px 0 0;width:100%;max-width:470px;padding:12px 20px calc(24px + env(safe-area-inset-bottom));max-height:94dvh;overflow-y:auto}.sheet-handle{width:36px;height:5px;background:#c7d6cc;border-radius:99px;margin:0 auto 18px}.quick-sheet h2{text-align:center;font-size:24px}.quick-sheet>p{margin-bottom:24px}.quick-row{display:flex;align-items:center;gap:14px;padding:14px 12px;margin-bottom:12px;color:var(--ink);transition:box-shadow .15s}.quick-row:hover{box-shadow:var(--shadow-md)}.quick-row>span:nth-child(2){flex:1;min-width:0}.quick-row strong{display:block;font-size:15px}.quick-row small{display:block;color:var(--muted);font-size:12px}.tile-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;flex-shrink:0}.quick-sheet>.button{margin-top:12px}.photo-grid{display:grid;gap:16px}.photo-card{overflow:hidden;transition:box-shadow .15s}.photo-card:hover{box-shadow:var(--shadow-md)}.photo-cover{height:190px;position:relative;background:var(--primary-soft)}.photo-cover img,.vehicle-photo img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6d8b79;font-size:13px}.orange-soft{background:#fff1de;color:#a2540c}.blue-soft{background:#e0f4f1;color:#0f6a63}.pink-soft{background:#fdeaf1;color:#a82452}.favorite-button{position:absolute;right:10px;top:10px}.favorite-button .icon-button{background:#0a2a1d66;color:#fff;border:1px solid #ffffff77;border-radius:50%}.favorite-button .favorited{color:#e5568a;background:#fff}.favorited .icon{fill:#e5568a}.photo-body{display:block;padding:14px 16px;color:var(--ink)}.photo-body h2{font-size:21px;margin-bottom:4px}.rating{display:flex;align-items:center;gap:5px;margin-bottom:8px;font-size:14px}.rating>.icon{color:#f0a010;fill:#f0a010}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.card-meta>span{display:flex;align-items:center;gap:4px}.badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;background:var(--primary-soft);color:var(--primary-hover)}.filter-panel{margin:0 0 20px;font-size:14px}.filter-panel summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--primary);font-weight:500}.filter-form{display:grid;gap:12px;grid-template-columns:1fr 1fr}.filter-form label{font-size:13px}.filter-form>.button{align-self:end}.measurement-card,.settings-form,.summary-card,.search-form{padding:20px;margin-bottom:20px}.measurement-card .section-heading,.summary-card .section-heading{margin-top:0}.big-number{font-size:40px;line-height:1.25;font-weight:700;letter-spacing:-1px;margin:8px 0;color:var(--primary-hover)}.big-number small{font-size:18px;font-weight:500;letter-spacing:0;color:var(--muted)}.mini-tabs{display:flex;gap:6px;margin:16px 0 10px}.mini-tabs a{border-radius:99px;padding:5px 12px;font-size:12px;background:var(--primary-soft);min-height:32px;color:var(--primary-hover)}.weight-chart{width:100%;height:auto}.chart-dates{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px;margin-bottom:14px}.next-appointment{background:#fdf1f6;border:8px solid #fff;box-shadow:var(--shadow-sm)}.link-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.link-chips a{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;min-height:44px;transition:border-color .15s,background .15s}.link-chips a:hover{border-color:var(--primary);background:var(--primary-tint)}.vehicle-card{padding:14px;margin-bottom:16px}.vehicle-photo{height:190px;border-radius:14px;overflow:hidden;display:block;background:var(--primary-soft)}.vehicle-card .section-heading{margin:12px 0 0}.plate{border:1px solid #8ba597;border-radius:8px;padding:3px 12px;background:#f7faf8;color:var(--ink);font-size:18px;letter-spacing:1px}.odometer{display:flex;gap:12px;align-items:center;margin:16px 0;color:#4d6a5a}.odometer small{display:block;color:var(--muted)}.warning-text{color:#a8560e!important}.task-card{display:flex;gap:12px;padding:18px 14px;align-items:flex-start;margin-bottom:14px}.task-check{border:2px solid #aac0b2;border-radius:7px;background:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:10px;position:relative;transition:background .15s,border-color .15s}.task-check:before{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.task-check:hover{border-color:var(--primary)}.task-check.done{color:#fff;background:var(--primary);border-color:var(--primary)}.task-copy{flex:1;min-width:0;padding-top:4px;color:var(--ink)}.task-copy strong{display:block;overflow-wrap:anywhere}.task-meta{display:flex;flex-direction:column;gap:5px;margin-top:8px;color:var(--muted);font-size:13px}.task-meta>span{display:flex;align-items:center;gap:5px}.struck{text-decoration:line-through;color:var(--muted)}label{font-weight:500;display:block;margin:10px 0 6px;font-size:15px}input,select,textarea{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:14px;padding:10px 14px;color:var(--ink);min-height:48px;max-width:100%;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#a9c0b2}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}input::-moz-placeholder,textarea::-moz-placeholder{color:#93a79a}input::placeholder,textarea::placeholder{color:#93a79a}textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--primary);flex-shrink:0}input[type=file]{font-size:13px;overflow:hidden}input[type=file]::file-selector-button{padding:6px 10px;border:0;border-radius:8px;background:var(--primary-soft);color:var(--primary-hover);font-family:inherit;font-weight:500;margin-right:8px}.record-form{padding:20px}.form-intro{margin-bottom:20px}.form-intro span{display:block;margin-top:3px}.form-fields{display:grid;gap:8px}.checkbox-label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0}.field-link{font-size:13px;display:inline-flex;min-height:36px;align-items:center}.field-error{color:var(--danger);font-size:13px;margin-top:6px}.tag-field{border:1px solid var(--line);padding:12px;border-radius:14px;margin:20px 0;background:var(--primary-tint)}.tag-field legend{padding:0 8px;font-size:14px;font-weight:600}.upload-field{margin:24px 0}.upload-field p{margin-top:8px}.record-form>button{margin-top:18px}.location-panel{margin:16px 0}.location-panel p{margin-top:8px}.thai-date-preview{display:block;margin-top:4px}.detail-card{padding:20px}.detail-card .section-heading{margin:0 0 20px}.details>div{padding:12px 0;border-bottom:1px solid var(--line)}.details dt{font-size:13px;color:var(--muted);margin-bottom:4px}.details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.total-line{padding-top:20px;display:flex;justify-content:space-between}.attachment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attachment{padding:12px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.attachment img{height:130px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.attachment p{font-size:12px;overflow-wrap:anywhere}.attachment .button{font-size:12px;width:100%}.attachment form{width:100%}.record-list{margin-top:20px}.calendar-card{padding:14px;margin:20px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week-label{text-align:center;color:var(--muted);font-size:12px;padding:8px 0}.calendar-day{display:flex;min-height:48px;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);border-radius:12px;position:relative;transition:background .15s}.calendar-day:hover{background:var(--primary-soft)}.calendar-day.today{background:var(--primary-soft);color:var(--primary-hover);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--primary)}.calendar-day.selected{background:var(--primary);color:#fff}.calendar-dot{height:5px;width:5px;border-radius:50%;background:#e8890c;position:absolute;bottom:4px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;margin-bottom:12px}.list-row>span{min-width:0;overflow-wrap:anywhere}.list-row small{display:block}.search-form .search-bar{margin:8px 0 16px;border-radius:14px;padding-right:4px;box-shadow:none}.search-form .search-bar input{font-size:14px}.search-form .button{white-space:nowrap}.search-form label{font-size:14px}.settings-form h2{margin-bottom:8px}.settings-form p{margin:12px 0}.settings-form>button{margin-top:16px}.unread{border-color:#9fd8b9;background:var(--primary-tint);flex-wrap:wrap}.saved,.error,.draft-note{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-size:14px}.saved{background:var(--primary-soft);color:#0b5a3b;border:1px solid #bfe3cf;display:flex;gap:10px;align-items:center}.error{background:#fff0f2;color:#9c2543;border:1px solid #ffcbd5}.error ul{margin:8px 0 0;padding-left:20px}.draft-note{background:var(--primary-soft);color:#0b5a3b}.login-wrap{max-width:460px;margin:5vh auto 0}.login-art{padding:28px 24px 30px;margin-bottom:16px;border-radius:24px;background:linear-gradient(125deg,var(--hero-from),var(--hero-to));color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff14;right:-60px;bottom:-80px}.login-art h1{font-size:30px;margin:12px 0 14px;color:#fff}.login-art .muted{color:#d6f2e4}.login-form{padding:26px}.login-form>p:first-of-type{font-size:14px;margin:10px 0 20px}.login-form .button{margin:24px 0 14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(145deg,#2BC48A,var(--primary));color:#fff;border-radius:14px;box-shadow:0 3px 10px #0b7a5133}.brand-mark.large{width:64px;height:64px;border-radius:20px;margin-bottom:18px;background:#ffffff26;border:1px solid #ffffff44;box-shadow:none}.eyebrow{font-size:13px;color:#bdebd3;letter-spacing:.5px;font-weight:500}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;border-radius:12px;z-index:100}.skip-link:focus{top:10px}nav[role=navigation]{margin:20px 0;font-size:13px}nav[role=navigation] a,nav[role=navigation] span{min-height:44px}details summary{min-height:44px;padding:10px 0;font-size:13px;cursor:pointer}details .list-row{font-size:13px}@media(min-width:600px){.main-content{padding:32px 24px 130px}.photo-grid{grid-template-columns:1fr 1fr}.home-tile{min-height:170px}.home-tile small{display:block;font-size:12px}.form-fields{grid-template-columns:1fr 1fr;gap:12px 20px}.field.wide{grid-column:1/-1}.health-grid,.car-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attachment-grid{grid-template-columns:repeat(3,1fr)}.home-hero{padding:30px 30px 56px}.quick-sheet{border-radius:24px;margin-bottom:20px}.sheet-overlay{align-items:center}.login-form{padding:32px}}@media(min-width:1000px){.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);gap:32px;padding:28px 24px}.main-content{width:100%;max-width:900px;padding:8px 0 100px}.desktop-sidebar{display:flex;flex-direction:column;position:sticky;top:28px;height:calc(100vh - 56px);padding:20px 14px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;color:var(--ink);margin:0 6px 6px}.desktop-sidebar>p{font-size:12px;margin:0 6px 24px}.side-link{display:flex;align-items:center;gap:14px;padding:12px 14px;color:#4f6757;font-size:14px;font-weight:500;border-radius:14px;margin:2px 0;min-height:48px;position:relative;transition:background .15s,color .15s}.side-link:hover{background:var(--primary-tint);color:var(--primary-hover)}.side-link.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.side-link.active:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}.sidebar-footer{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line);font-size:12px;line-height:2}.sidebar-footer span{font-size:11px}.bottom-nav{display:none}.fab{right:32px;bottom:32px}.home-hero{min-height:210px}.hero-copy h1{font-size:32px}.home-tiles{grid-template-columns:repeat(4,1fr);gap:12px}.home-tile strong{font-size:14px}.home-tile small{font-size:10px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.login-wrap{grid-column:1/-1}.app-shell:has(.login-wrap){display:block}.page-header{margin-bottom:28px}.photo-cover{height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}