:root{--bg:#F3F7F4;--surface:#FFFFFF;--surface-2:#F7FAF8;--ink:#1C2B22;--muted:#5E6B64;--line:#DCE6E0;--accent:#0A6138;--accent-soft:#E8F1EC;--accent-ink:#FFFFFF;--mon-bg:#0A6138;--mon-fg:#FFFFFF;--mon-dim:#CFE3D8;--mon-num:#FFFFFF;--gold:#C8A24A;--ok:#1D7F48;--warn:#9A6B0A;--mod:#C2550F;--crit:#B8322A;--ok-soft:#E1F2E8;--warn-soft:#FBF0D9;--mod-soft:#FCE6D8;--crit-soft:#F9E0DE;--f-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-num:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r:10px;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:340px minmax(0,1fr);height:100%}.side{border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}.brand{padding-block:18px 12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px;display:flex;align-items:center;gap:10px;cursor:pointer}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--mon-bg);display:grid;place-items:center;flex:none}.brand .mark svg{display:block}.brand b{font-size:17px;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:400}.search{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px;padding-block:0 10px}.search input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.chips{display:flex;gap:6px;overflow-x:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px;padding-block:0 10px;scrollbar-width:thin}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:4px 10px;font-size:13px;cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.list{overflow-y:auto;flex:1;min-height:0;padding-block:4px 24px;border-top:1px solid var(--line)}.grp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 16px 4px;padding-left:max(16px,env(safe-area-inset-left,0px));font-weight:600}.item{display:flex;width:100%;text-align:left;border:0;background:none;padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));cursor:pointer;gap:8px;align-items:baseline}.item:hover{background:var(--surface-2)}.item[aria-current=true]{background:var(--accent-soft)}.item .nm{font-weight:600;font-size:14px}.item .ds{color:var(--muted);font-size:12.5px;display:block;line-height:1.35}.item .st{margin-left:auto;color:var(--warn);font-size:13px}.main{overflow-y:auto;min-height:0}.wrap{max-width:860px;margin:0 auto;padding-block:24px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.back{display:none}h1{font-size:26px;line-height:1.2;margin:0 0 4px;letter-spacing:-.015em;text-wrap:balance}.sub{color:var(--muted);margin:0 0 4px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}.tag{font-size:12px;padding:2px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-weight:600}.head{display:flex;gap:12px;align-items:flex-start}.head>div{flex:1;min-width:0}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px;white-space:nowrap}.iconbtn[aria-pressed=true]{color:var(--warn);border-color:var(--warn)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px;align-items:start}.form{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:6px 0}.row{padding:10px 16px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row.h{background:var(--surface-2);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 16px}.lab{font-weight:500;font-size:14.5px}.lab .hint{display:block;font-weight:400;color:var(--muted);font-size:12.5px}.opts{display:flex;flex-wrap:wrap;gap:6px}.opts.v{flex-direction:column}.opt{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 11px;cursor:pointer;text-align:left;display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.35}.opts.v .opt{width:100%}.opt .p{font-family:var(--f-num);font-size:12px;color:var(--muted);flex:none;min-width:22px}.opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.opt[aria-pressed=true] .p{color:var(--accent)}.chk{display:flex;gap:12px;align-items:center;cursor:pointer;padding:11px 16px;border-bottom:1px solid var(--line)}.chk:last-child{border-bottom:0}.chk .box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--muted);flex:none;display:grid;place-items:center}.chk[aria-checked=true] .box{background:var(--accent);border-color:var(--accent)}.chk[aria-checked=true] .box:after{content:"";width:6px;height:11px;border:solid var(--accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.chk .t{flex:1;font-size:14.5px}.chk .p{font-family:var(--f-num);font-size:12px;color:var(--muted)}.num{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.num input{width:140px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-family:var(--f-num);font-size:16px}.num .u{color:var(--muted);font-size:13px}.ug{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.ug button{border:0;background:var(--surface);padding:6px 9px;font-size:12.5px;cursor:pointer}.ug button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.mon{position:sticky;top:16px;background:var(--mon-bg);color:var(--mon-fg);border-radius:14px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.mon .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mon-dim);display:flex;justify-content:space-between}.mon .val{font-family:var(--f-num);font-size:44px;font-weight:700;line-height:1;color:var(--mon-num);font-variant-numeric:tabular-nums;word-break:break-word}.mon .val small{font-size:15px;color:var(--mon-dim);font-weight:500;margin-left:6px}.mon .val.txt{font-size:26px;line-height:1.2}.mon .pill{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:#ffffff1f;color:var(--mon-fg)}.mon .pill{background:#ffffff26;color:#fff}.mon[data-lv="0"] .pill{background:#e1f2e8;color:#0a6138}.mon[data-lv="1"] .pill{background:#c8a24a;color:#1c2b22}.mon[data-lv="2"] .pill{background:#f08a3c;color:#1c2b22}.mon[data-lv="3"] .pill{background:#b8322a;color:#fff}.mon[data-lv="3"]{box-shadow:inset 6px 0 #b8322a}.mon[data-lv="2"]{box-shadow:inset 6px 0 #f08a3c}.mon[data-lv="1"]{box-shadow:inset 6px 0 #c8a24a}.mon .tt{font-weight:600;font-size:15px;line-height:1.35}.mon .dd{font-size:13.5px;color:#eaf4ee;line-height:1.5}.mon .ex{border-top:1px solid #ffffff1a;padding-top:8px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px}.mon .ex span:nth-child(2n){font-family:var(--f-num);color:var(--mon-fg);text-align:right;font-variant-numeric:tabular-nums}.mon .ex span:nth-child(odd){color:var(--mon-dim)}.mon .warn{font-size:12.5px;background:#fbf0d9;color:#6b4a05;padding:6px 8px;border-radius:6px}.mon .miss{color:var(--mon-dim);font-size:14px}.mon .acts{display:flex;gap:8px}.mon .acts button{border:1px solid #ffffff66;background:none;color:var(--mon-fg);border-radius:7px;padding:5px 10px;font-size:12.5px;cursor:pointer}.info{margin-top:24px;display:flex;flex-direction:column;gap:18px}.info section h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.info section p,.info section li{margin:0;max-width:68ch}.info ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.formula{font-family:var(--f-num);font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;white-space:pre-wrap;overflow-x:auto}.ref{font-size:13.5px}.ref a{color:var(--accent)}.disc{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.home h1{font-size:30px}.lead{max-width:62ch;color:var(--muted);margin:6px 0 0}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:22px}.cat{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:12px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.cat:hover{border-color:var(--accent)}.cat b{font-size:15px}.cat span{color:var(--muted);font-size:12.5px;line-height:1.4}.cat i{font-style:normal;font-family:var(--f-num);font-size:12px;color:var(--accent)}.blk{margin-top:26px}.blk h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.qk{display:flex;flex-wrap:wrap;gap:6px}.note{margin-top:26px;background:var(--warn-soft);border-radius:var(--r);padding:12px 14px;font-size:13.5px;max-width:72ch}.empty{padding:16px;color:var(--muted);font-size:14px}.muted{color:var(--muted);font-size:13.5px}.vnl{display:flex;flex-direction:column;gap:10px}.vn{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;max-width:72ch}.vn.kh{border-left-color:var(--gold)}.vn.lech{border-left-color:var(--warn);background:var(--warn-soft)}.vm .ok{color:var(--ok);font-weight:600}.vn .vt{font-size:14.5px;line-height:1.4}.vn .vm{font-size:12.5px;color:var(--muted)}.vn ul{margin:4px 0 0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:3px}.vn a{color:var(--accent);font-size:13.5px;font-weight:600}.hl{display:inline-block;font-size:11px;font-weight:600;padding:1px 6px;border-radius:5px;background:var(--ok-soft);color:var(--ok);vertical-align:1px}.hl.x{background:var(--warn-soft);color:var(--warn)}.hl.x2{background:var(--crit-soft);color:var(--crit)}.nwb{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:0 5px;margin-left:6px;vertical-align:1px}.shtag{display:inline-block;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 6px;margin-left:6px}.shbar{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:8px 12px}.shbar b{color:var(--ink);font-weight:600}.linkbtn{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:13px;text-decoration:underline}.scnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--accent-soft);border-radius:var(--r);padding:8px 12px;margin-bottom:14px;font-size:13.5px}.scnav .sp{flex:1;min-width:0}.scnav b{color:var(--accent)}.steps{display:flex;flex-direction:column;gap:8px;margin-top:20px;counter-reset:st}.step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:10px 14px;cursor:pointer;text-align:left;width:100%}.step:hover{border-color:var(--accent)}.step .no{font-family:var(--f-num);font-weight:700;color:var(--accent);font-size:15px}.step b{display:block;font-size:15px}.step span.w{color:var(--muted);font-size:13px}.step .res{font-family:var(--f-num);font-size:13px;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.step .res[data-lv="0"]{background:var(--ok-soft);color:var(--ok)}.step .res[data-lv="1"]{background:var(--warn-soft);color:var(--warn)}.step .res[data-lv="2"]{background:var(--mod-soft);color:var(--mod)}.step .res[data-lv="3"]{background:var(--crit-soft);color:var(--crit)}.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.scard{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:12px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px}.scard:hover{border-color:var(--accent)}.scard b{font-size:15px}.scard span{color:var(--muted);font-size:12.5px;line-height:1.4}.scard i{font-style:normal;font-family:var(--f-num);font-size:12px;color:var(--accent)}@media (max-width:860px){.app{grid-template-columns:1fr}.app.tool .side{display:none}.app:not(.tool) .main{display:none}.side{border-right:0}.back{display:inline-flex;margin-bottom:10px}.grid{grid-template-columns:1fr}.mon{position:static;order:-1}}@media (prefers-reduced-motion:no-preference){.opt,.chk .box,.chip{transition:background .12s,border-color .12s}}[hidden]:not(.mini){display:none!important}html,body{height:100%;overscroll-behavior-y:none}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.app{height:100vh;height:100dvh}.top{display:flex;align-items:center;gap:8px;padding-right:max(12px,env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px)}.top .brand{flex:1;min-width:0}.top .brand>span:last-child{min-width:0}.top .brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.install{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--accent);display:grid;place-items:center;cursor:pointer}.acct{flex:none;cursor:pointer;font-weight:600;font-size:13px}.acct.out{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:7px 12px;white-space:nowrap}.acct.in{width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);background:var(--mon-bg);color:#fff;padding:0;overflow:hidden;display:grid;place-items:center}.acct.in img{width:100%;height:100%;object-fit:cover}.mini{display:none}.sheet{border:0;padding:0;border-radius:16px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--surface);color:var(--ink);box-shadow:0 20px 60px #0003}.sheet::backdrop{background:#0d1f1566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-in{padding:18px 20px 22px;display:flex;flex-direction:column;gap:12px}.sh-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-h h2{margin:0;font-size:20px;letter-spacing:-.01em}.sh-h .x{border:0;background:var(--surface-2);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;color:var(--muted)}.sh-sub{margin:0;color:var(--muted);font-size:13.5px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{border:0;background:none;padding:8px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--muted)}.seg button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0001}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;cursor:pointer;font-weight:600}.gbtn:hover{border-color:#bbb}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}form{display:flex;flex-direction:column;gap:10px}.fl{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:500}.fl i{font-style:normal;font-weight:400;color:var(--muted)}.fl input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:16px}.fl input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.pbtn{border:0;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:12px;font-weight:700;cursor:pointer;margin-top:4px}.pbtn:disabled,.gbtn:disabled{opacity:.6;cursor:progress}.fg{align-self:center;margin-top:2px}.msg{margin:0;font-size:13.5px;padding:8px 10px;border-radius:8px;background:var(--crit-soft);color:var(--crit)}.msg.ok{background:var(--ok-soft);color:var(--ok)}.who{display:flex;gap:12px;align-items:center}.who img,.who .av{width:48px;height:48px;border-radius:50%;flex:none;object-fit:cover}.who .av{background:var(--mon-bg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;border:2px solid var(--gold)}.who div{min-width:0}.who b{display:block;font-size:16px}.who small{color:var(--muted);font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis}.favbox{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.favbox .fh{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700}.favbox .fh span{background:var(--accent);color:#fff;border-radius:99px;padding:0 7px;margin-left:4px;letter-spacing:0}.favbox .sync{color:var(--ok);font-size:12px}.row2{display:flex;gap:8px;flex-wrap:wrap}.sbtn{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px;cursor:pointer;font-weight:600}.sbtn.danger{color:var(--crit);border-color:var(--crit-soft)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;font-size:13.5px;max-width:min(92vw,460px);box-shadow:0 8px 24px #0003;line-height:1.45}.toast .linkbtn{color:#f2d58a;font-size:inherit}@media (max-width:860px){.search input{font-size:16px;padding:11px 12px}.chip{padding:7px 12px;font-size:13.5px}.item{padding:11px 16px}.iconbtn{padding:8px 12px}.opt{padding:10px 12px;min-height:44px}.ug button{padding:9px 11px}.num input{width:min(180px,100%)}.wrap{padding-top:12px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}h1{font-size:23px}.head{flex-wrap:wrap}.back{position:sticky;top:8px;z-index:5;box-shadow:0 2px 10px #0d1f151f;background:var(--surface)}.main{padding-top:env(safe-area-inset-top,0px)}.mon .val{font-size:38px}.info section p,.info section li{max-width:none}.step{grid-template-columns:28px minmax(0,1fr)}.step .res{grid-column:2;justify-self:start}.mini{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;align-items:center;gap:10px;border:0;border-radius:14px;padding:10px 14px;background:var(--mon-bg);color:#fff;box-shadow:0 8px 24px #0a613855;cursor:pointer;text-align:left;transition:transform .2s,opacity .2s}.mini[hidden],.mini.off{transform:translateY(140%);opacity:0;pointer-events:none;display:flex}.mini .mv{font-family:var(--f-num);font-weight:700;font-size:20px;white-space:nowrap}.mini .mv small{font-size:12px;color:var(--mon-dim);font-weight:500}.mini .mt{flex:1;min-width:0;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:#ffffff26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini[data-lv="0"] .mt{background:#e1f2e8;color:#0a6138}.mini[data-lv="1"] .mt{background:#c8a24a;color:#1c2b22}.mini[data-lv="2"] .mt{background:#f08a3c;color:#1c2b22}.mini[data-lv="3"] .mt{background:#b8322a;color:#fff}.mini .mg{margin-left:auto;opacity:.8}.sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:92dvh}.sheet-in{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (min-width:861px){.list{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}@media (hover:hover){.item,.chip,.opt,.cat,.scard,.step{touch-action:manipulation}}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.side,.main{min-width:0}}