@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");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}:root{--page:#F4EEE6;--card:#FFFDFA;--tile:#F7F1EA;--side:#FAF6F0;--line:#E6DBCD;--line2:#F0E8DE;--track:#F0E7DC;--ink:#2A2320;--ink2:#4F4540;--mute:#6E625A;--label:#776A60;--empty:#9C8D7E;--btnline:#DCCFBF;--accent:#7A3E5C;--accent2:#5E2E47;--onaccent:#FFFFFF;--navon:#EFE5EA;--linkline:#7A3E5C66;--ok:#3E7A55;--warn:#8A3F2B;--work:#CFE0EA;--health:#D3E3CA;--people:#F2D2D3;--home:#F5D6BF;--money:#F1E6C2;--block:#E5DEF0;--shadow:0 1px 2px rgba(42,35,32,.04),0 4px 16px rgba(42,35,32,.04);--serif:"Newsreader Variable",Georgia,serif;--sans:"Figtree Variable",system-ui,sans-serif;color-scheme:light}.dark{--page:#1C1917;--card:#2A2421;--tile:#2E2824;--side:#211D1A;--line:#453C36;--line2:#332C28;--track:#3A332E;--ink:#F3ECE6;--ink2:#D2C7BD;--mute:#B3A79D;--label:#A89B90;--empty:#8A7D73;--btnline:#4A413B;--accent:#C49AB0;--accent2:#EBD3DF;--onaccent:#1C1917;--navon:#3B2D35;--linkline:#D9B3C666;--ok:#7FC195;--warn:#F0A58C;--work:#34404A;--health:#3A4337;--people:#4A3539;--home:#4A3D33;--money:#4A4334;--block:#403A4A;--shadow:0 1px 2px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.25);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{font-family:var(--sans);font-size:15px;line-height:1.45;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--linkline)}a:hover{color:var(--accent2);text-decoration-color:currentColor}.app{display:flex;min-height:100vh}.side{width:236px;flex:none;background:var(--side);border-right:1px solid var(--line);padding:24px 16px 20px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brandrow{display:flex;align-items:center;gap:10px;padding:0 10px;font-family:var(--serif);font-size:20px;font-weight:500}.navgroup{display:flex;flex-direction:column;gap:2px}.navlabel{font-size:12px;font-weight:600;color:var(--label);padding:0 12px 6px}.navitem{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ink);text-align:left;width:100%}.navitem svg{color:var(--mute)}.navitem.on{background:var(--navon);font-weight:600}.navitem.on svg{color:var(--accent)}.navitem:hover:not(.on){background:var(--tile)}.backupbox{margin-top:auto;padding:12px;border-radius:12px;background:var(--tile);font-size:13px;line-height:1.5;color:var(--ink2)}.backupbox b{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:600}.backupbox b svg{color:var(--ok)}.backupbox button{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linkline);font-size:13px}.main{flex:1;min-width:0;padding:32px 40px 40px;display:flex;flex-direction:column;gap:24px}.tabbar{display:none}@media (max-width:899px){.side{display:none}.main{padding:22px 16px calc(100px + env(safe-area-inset-bottom));gap:14px}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--side);border-top:1px solid var(--line);padding:8px 8px calc(10px + env(safe-area-inset-bottom));z-index:20}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;font-size:13px;font-weight:500;color:var(--mute)}.tabbar button.on{color:var(--accent);font-weight:700}}.demobar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:var(--navon);color:var(--ink);text-decoration:none;font-size:15px}.demobar b{color:var(--accent);white-space:nowrap}.phead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.psub{font-size:15px;color:var(--mute)}.h1{font-family:var(--serif);font-variation-settings:"opsz" 72;font-weight:500;font-size:44px;line-height:1.05;letter-spacing:-1px;margin-top:4px}@media (max-width:899px){.h1{font-size:34px;letter-spacing:-.6px}}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px}@media (max-width:899px){.card{padding:18px 20px}}.h2{font-family:var(--serif);font-variation-settings:"opsz" 24;font-weight:500;font-size:20px;line-height:1.2}.meta{font-size:13px;color:var(--mute)}.tile{background:var(--tile);border-radius:12px}.btn{min-height:44px;padding:0 18px;border-radius:12px;background:var(--accent);color:var(--onaccent);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--btnline);padding:0 16px}.dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191759;z-index:30}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:85vh;overflow-y:auto;background:var(--card);border-radius:20px 20px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));z-index:31;box-shadow:0 -10px 40px #00000026}.grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}.morelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.morelist .navitem{background:var(--tile)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(110px + env(safe-area-inset-bottom));background:var(--ink);color:var(--page);padding:12px 18px;border-radius:14px;font-size:15px;font-weight:600;max-width:calc(100% - 32px);z-index:40;box-shadow:0 10px 30px #0003}.soon{display:flex;flex-direction:column;gap:6px;max-width:560px}.soon p{color:var(--ink2)}
