:root{--brand:#02b6ac;--brand-deep:#007e77;--brand-soft:#d9f3f1;--bg:#f4f9f8;--card:#fff;--ink:#0e2b27;--dim:#54716d;--line:#dfeae8;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif;font-weight:300;letter-spacing:.01em}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;gap:.55rem;padding:.7rem .9rem}.ava,.topbar{align-items:center}.ava{width:30px;height:30px;border-radius:50%;background:var(--brand-deep);color:#fff;display:inline-flex;justify-content:center;font-size:.72rem;font-weight:500;flex:0 0 auto}.uname{font-weight:400;font-size:.95rem;cursor:pointer}.sp{flex:1 1}.bell{position:relative;font-size:1.05rem;cursor:pointer}.bell i{position:absolute;top:-5px;right:-8px;background:#e02020;color:#fff;font-style:normal;font-size:.58rem;border-radius:99px;padding:0 .3em;font-weight:600}.burger{font-size:1.15rem;cursor:pointer;padding:.1rem .2rem}.body{flex:1 1;padding:.3rem .9rem 5.2rem;display:flex;flex-direction:column;gap:.6rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem}h1,h2,h3,h4{font-weight:500;margin:0}.dim{color:var(--dim)}.small{font-size:.74rem}.frow{display:flex;gap:.4rem}.fsel{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:.74rem;padding:.38rem .3rem;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;font-family:inherit}.fsel.eye{flex:0 0 40px;cursor:pointer}.dgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem}.dev{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.55rem .6rem;min-height:96px;overflow:hidden;cursor:pointer}.dev .wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;opacity:.14;pointer-events:none}.dev.on .wm{opacity:.26}.dev .nm{font-size:.8rem;font-weight:400;line-height:1.25;position:relative;padding-right:1.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dev .loc{font-size:.64rem;color:var(--dim);position:relative}.dev .st{font-size:.66rem;margin-top:.4rem;position:relative;display:flex;justify-content:space-between;align-items:center}.dev .fav{position:absolute;top:.35rem;right:.45rem;font-size:.8rem;color:#cfe0dd;cursor:pointer;z-index:2}.dev .fav.on{color:#e5a400}.tg{width:34px;height:19px;border-radius:99px;background:#cfe0dd;position:relative;display:inline-block;cursor:pointer;flex:0 0 auto}.tg em{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.15s}.tg.on{background:var(--brand)}.tg.on em{left:17px}.btn{background:var(--brand-deep);color:#fff;border:none;border-radius:11px;padding:.55rem .9rem;font-size:.85rem;font-weight:500;width:100%;cursor:pointer;font-family:inherit}.btn.gh{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.gh:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.input{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:.55rem .7rem;font-size:.85rem;color:var(--ink);width:100%;font-family:inherit;font-weight:300}.input::placeholder{color:#9db3af}.ptabs{display:flex;background:#e8f2f0;border-radius:11px;padding:.16rem;font-size:.8rem}.ptabs span{flex:1 1;text-align:center;padding:.35rem 0;border-radius:9px;color:var(--dim);cursor:pointer}.ptabs span.on{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.07)}.mchips{display:flex;gap:.4rem;flex-wrap:wrap}.mchips span{flex:1 1;min-width:60px;text-align:center;border:1px solid var(--line);border-radius:10px;font-size:.74rem;padding:.35rem 0;color:var(--dim);cursor:pointer}.mchips span.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep);font-weight:500}.slider{width:100%;accent-color:var(--brand)}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;border-top:1px solid var(--line);background:var(--card);max-width:480px;margin:0 auto;z-index:20}.nav span{flex:1 1;text-align:center;font-size:.62rem;padding:.45rem 0 .6rem;color:var(--dim);cursor:pointer}.nav span.on{color:var(--brand-deep);font-weight:500}.nav b{display:block;font-size:1.05rem;font-weight:400}.overlay{position:fixed;inset:0;background:rgba(14,43,39,.35);z-index:28}.sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:var(--bg);border-radius:18px 18px 0 0;padding:.9rem .9rem 1.2rem;z-index:35;max-height:82dvh;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.sheet .grab{width:44px;height:4px;border-radius:99px;background:var(--line);margin:0 auto .2rem}.plogo{width:60px;height:60px;border-radius:17px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:500;margin:1.4rem auto .5rem}.center{text-align:center}.hr{display:flex;align-items:center;gap:.6rem;color:#9db3af;font-size:.7rem}.hr:after,.hr:before{content:"";flex:1 1;height:1px;background:var(--line)}.toast{bottom:4.4rem;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:99px;padding:.45rem 1rem;font-size:.8rem;z-index:60;opacity:.95}.menu,.toast{position:fixed}.menu{top:0;right:0;bottom:0;width:260px;background:var(--card);z-index:40;border-left:1px solid var(--line);padding:1rem .9rem;display:flex;flex-direction:column;gap:.1rem}.menu a,.menu div.item{padding:.5rem .4rem;font-size:.88rem;border-bottom:1px solid #eef4f3;cursor:pointer;color:var(--ink);text-decoration:none}.pop{position:absolute;top:46px;left:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.5rem .7rem;z-index:45;box-shadow:0 8px 24px rgba(0,60,55,.12);min-width:210px}.pop .item{padding:.4rem .2rem;font-size:.84rem;border-bottom:1px solid #eef4f3;cursor:pointer}.pop .item:last-child{border-bottom:none}.row{gap:.5rem}.capline,.row{display:flex;align-items:center}.capline{justify-content:space-between;gap:.6rem;padding:.25rem 0}.steps6{display:flex;gap:.25rem;margin:.1rem 0 .4rem}.steps6 span{flex:1 1;height:4px;border-radius:99px;background:var(--line)}.steps6 span.on{background:var(--brand)}.litem{display:flex;align-items:center;gap:.5rem;padding:.45rem .2rem;border-bottom:1px solid #eef4f3;font-size:.82rem}.litem:last-child{border-bottom:none}.card.sel{border-color:var(--brand);background:var(--brand-soft)}.dot{width:8px;height:8px;border-radius:50%;background:#e02020;flex:0 0 auto}.dot.off{background:var(--line)}.tile4{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem}.dev.muted{opacity:.55}.dev.justnew{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.sp-khung{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem .8rem;border-radius:14px;background:var(--brand-soft,#eef7f6)}.sp-quat{width:140px;height:140px;position:relative}.sp-quat svg{width:100%;height:100%;display:block}.sp-canh{transform-origin:50% 50%;animation:sp-xoay linear infinite}@keyframes sp-xoay{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.sp-canh{animation:none}}.sp-dongho{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.sp-dongho div{min-width:92px;text-align:center;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:.45rem .6rem}.sp-dongho b{display:block;font-size:1.25rem;font-weight:500;line-height:1.2}.sp-dongho span{font-size:.75rem;color:var(--dim,#777)}.sp-trangthai{font-size:.85rem;color:var(--dim,#777)}.ctl-hang{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.ctl-hang.mot{grid-template-columns:1fr}.ctl-doc{padding:.55rem .4rem}.ctl-doc-v{font-size:1.3rem;font-weight:400;line-height:1.2}.ctl-doc-k{font-size:.7rem;color:var(--dim);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-hero{text-align:center;padding:1rem .8rem}.ctl-dial{position:relative;margin:.5rem auto .3rem}.ctl-dial svg{width:100%;height:100%;transform:rotate(135deg)}.ctl-dial-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctl-dial-big{font-size:1.9rem;font-weight:400;line-height:1}.ctl-dial-un{font-size:.72rem;color:var(--dim)}.ctl-steprow{display:flex;gap:.45rem;justify-content:center;margin-top:.5rem}.ctl-step{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ctl-step:active{background:var(--brand-soft)}.ctl-pwr{border-color:var(--brand);border-width:1.5px}.ctl-pwrbtn{width:var(--pw,42px);height:var(--pw,42px);border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--dim);font-size:calc(var(--pw, 42px) * .45);cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s,border-color .18s}.ctl-pwrbtn.on{background:var(--brand);border-color:var(--brand);color:#fff}.ctl-pwrbtn:focus-visible,.ctl-step:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ctl-more{width:100%;border-style:dashed}.ctl-bang{display:flex;align-items:center;gap:.55rem;border-radius:13px;padding:.62rem .75rem;font-size:.85rem;border:1.5px solid}.ctl-bang.keu{background:#fbe9e9;color:#9a2222;border-color:#9a2222;font-weight:550}@media (prefers-color-scheme:dark){.ctl-bang.keu{background:#2e1717;color:#f39898;border-color:#f39898}}.ctl-tt{display:inline-flex;align-items:center;gap:.32rem;font-size:.82rem;font-weight:550;color:var(--dim)}.ctl-tt i{width:8px;height:8px;border-radius:50%;background:var(--line);display:inline-block}.ctl-tt.on{color:#1b7a4b}.ctl-tt.on i{background:#1b7a4b}@media (prefers-color-scheme:dark){.ctl-tt.on{color:#65d79b}.ctl-tt.on i{background:#65d79b}}.ctl-ds{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);border-color:var(--brand);cursor:pointer}.ctl-ds-top{display:flex;align-items:baseline;gap:.5rem}.ctl-ds-top b{flex:1 1;font-weight:550}.ctl-thanh{height:8px;border-radius:99px;background:var(--line);margin-top:.3rem;overflow:hidden}.ctl-thanh i{display:block;height:100%;border-radius:99px;background:var(--brand)}.ctl-thanh.warn{background:#f6e3bf}.ctl-thanh.warn i{background:#e2a33c}.ctl-thanh.bad,.ctl-thanh.bad i{background:#d05353}@media (prefers-color-scheme:dark){.ctl-thanh.warn{background:#4a3a18}.ctl-thanh.bad{background:#6d2a2a}}.ctl-muc-pc.warn{color:#8a5a00;font-weight:700}.ctl-muc-pc.bad{color:#a32020;font-weight:700}.ctl-muc-no.warn{background:#e2a33c}.ctl-muc-no.bad{background:#c33}.ctl-muc.mucbad{border-color:#d05353}.ctl-muc.mucwarn{border-color:#e0b45c}@media (prefers-color-scheme:dark){.ctl-muc-pc.warn{color:#efb95f}.ctl-muc-pc.bad{color:#ff8c8c}}.ctl-mini{display:flex;gap:3px;margin-top:.5rem}.ctl-mini i{flex:1 1;height:5px;border-radius:99px;background:var(--brand);opacity:.8}.ctl-mini i.warn{background:#e2a33c}.ctl-mini i.bad{background:#d05353}.ctl-man{display:flex;flex-direction:column;max-height:92dvh;padding:0}.ctl-man-top{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid var(--line)}.ctl-man-body{flex:1 1;overflow-y:auto;padding:.6rem .8rem 1rem;display:flex;flex-direction:column;gap:.45rem}.ctl-muc-h{display:flex;align-items:baseline;gap:.4rem}.ctl-muc-no{font-size:.66rem;font-weight:700;color:#fff;background:var(--brand-deep);border-radius:5px;padding:.05rem .32rem;flex:0 0 auto}.ctl-muc-ten{flex:1 1;font-size:.86rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-muc-pc{font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--dim)}.ctl-ngn{font-size:.58rem;font-weight:700;border-radius:4px;padding:.06rem .3rem;flex:0 0 auto}.ctl-ngn.m{background:var(--brand-soft);color:var(--brand-deep)}.ctl-ngn.s{background:#fdf3e0;color:#8a5a00}@media (prefers-color-scheme:dark){.ctl-ngn.s{background:#2b2110;color:#efb95f}}.ctl-muc-d{margin-top:.18rem}.ctl-muc-act{display:flex;gap:.35rem;margin-top:.4rem;flex-wrap:wrap}.ctl-muc-act .btn{padding:.24rem .6rem;font-size:.78rem}.ctl-muc.chuaxac{border-color:#e0b45c}.ctl-chan,.ctl-chuaxac{font-size:.72rem;border-radius:8px;padding:.3rem .45rem;margin-top:.3rem;background:#fdf3e0;color:#8a5a00}@media (prefers-color-scheme:dark){.ctl-chan,.ctl-chuaxac{background:#2b2110;color:#efb95f}}.ctl-them{width:100%;border-style:dashed;border-color:var(--brand);color:var(--brand-deep)}.ctl-hop{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;z-index:50;box-shadow:0 -6px 28px rgba(0,0,0,.18)}.ctl-duong{font-size:.74rem;border-radius:8px;padding:.35rem .5rem;margin-top:.4rem}.ctl-duong.m{background:var(--brand-soft);color:var(--brand-deep)}.ctl-duong.s{background:#fdf3e0;color:#8a5a00}@media (prefers-color-scheme:dark){.ctl-duong.s{background:#2b2110;color:#efb95f}}.ctl-nhan{display:block;margin-top:.5rem}.ctl-hop .frow{display:flex;gap:.4rem;align-items:center}.ctl-quet{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;z-index:60;box-shadow:0 -6px 28px rgba(0,0,0,.18)}.ctl-quet video{width:100%;border-radius:10px;margin:.5rem 0;background:#000;max-height:46dvh;object-fit:cover}