@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/be-vietnam-pro-Regular-CIDp4_9k.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/be-vietnam-pro-Medium-C7RRwnvx.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/be-vietnam-pro-SemiBold--8-rN4Du.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/be-vietnam-pro-Bold-nzsqdE9J.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/be-vietnam-pro-ExtraBold-CKlrVwwE.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/assets/roboto-mono-DARNnH3y.woff) format("woff")}:root{--orange: #EE4D2D;--orange-ink: #C93A1C;--orange-deep: #A82E14;--orange-tint: #FFF1EC;--orange-line: #FFD3C6;--ink: #1D1D1F;--muted: #4B5563;--line: #E5E7EB;--soft: #F7F7F8;--bg: #F4F4F6;--card-line: #E8E8EC;--shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 16px rgba(16,24,40,.06);--ok: #067647;--ok-bg: #ECFDF3;--ok-line: #ABEFC6;--err: #B42318;--err-bg: #FEF3F2;--err-strong: #D92D20;--err-line: #FDA29B;--warn: #B54708;--warn-bg: #FFFAEB;--warn-line: #FEC84B;--warn-ink: #93370D;--hub: #1D1D1F;--hub-bg: #F2F2F4;--mono: "Roboto Mono", "SF Mono", Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Be Vietnam Pro,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.mono{font-family:var(--mono);letter-spacing:.3px}.muted{color:var(--muted)}.screen{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.screen-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.with-bar{padding-bottom:calc(96px + var(--safe-bottom))}.with-tabs{padding-bottom:calc(84px + var(--safe-bottom))}.topbar{background:linear-gradient(160deg,#F25A33 0%,var(--orange) 55%,#E0431F 100%);color:#fff;padding:calc(var(--safe-top) + 6px) 16px 0 4px;flex:none}.topbar-row{height:50px;display:flex;align-items:center;gap:4px}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.2px;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .back+h1{padding-left:0}.back{width:48px;height:48px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center}.topbar-extra{padding:0 0 20px 12px}.btn{height:56px;border-radius:16px;border:0;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-decoration:none}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 2px 8px #ee4d2d47}.btn-primary:disabled{box-shadow:none}.btn-primary:active{background:var(--orange-ink)}.btn-outline{background:#fff;color:var(--orange-ink);border:2px solid var(--orange);font-weight:700;font-size:17px}.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid #D1D5DB;font-weight:700;font-size:17px}.btn-danger{background:#fff;color:var(--err);border:2px solid var(--err-line);font-weight:700;font-size:17px}.btn-big{height:88px;border-radius:20px;font-size:22px}.btn-lg{height:60px;font-size:20px}.link-btn{border:0;background:none;color:var(--orange-ink);font-weight:700;font-size:15px;min-height:44px;padding:0 4px}.bottombar{position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 16px #10182812;padding:10px 16px calc(14px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;z-index:5}.bottombar-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.bottombar-note{font-size:14px;font-weight:600;text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 16px #1018280f;display:grid;padding-bottom:var(--safe-bottom);z-index:5}.tab{height:66px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:14px;font-weight:600;position:relative}.tab.on{color:var(--orange-ink);font-weight:700}.tab .dot{position:absolute;top:6px;left:calc(50% + 6px);min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.h2{margin:4px 0 0;font-size:18px;font-weight:700}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.action-card{text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow);border-radius:20px;padding:18px;display:flex;align-items:center;gap:16px;min-height:112px;width:100%;text-align:left}.action-card:active{background:var(--orange-tint);transform:scale(.99)}.action-icon{width:64px;height:64px;flex:none;border-radius:18px;background:linear-gradient(145deg,#FF7A52,var(--orange) 60%,#D63C1C);box-shadow:0 4px 10px #ee4d2d4d;display:flex;align-items:center;justify-content:center;color:#fff}.action-title{font-size:22px;font-weight:700;letter-spacing:-.2px}.machine{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;margin-top:6px}.machine.ok{color:var(--ok)}.machine.off{color:var(--warn)}.progress-card{border:1px solid var(--orange-line);box-shadow:var(--shadow);text-align:left;background:var(--orange-tint);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;width:100%;color:var(--ink)}.bar{height:10px;border-radius:5px;background:var(--orange-line);overflow:hidden}.bar>i{display:block;height:100%;background:var(--orange);border-radius:5px;transition:width .4s}.bar.run>i{animation:run 1.4s ease-in-out infinite}@keyframes run{0%{transform:translate(-100%)}to{transform:translate(300%)}}.list-card{background:#fff;border:1px solid var(--card-line);border-radius:18px;box-shadow:var(--shadow);padding:0 14px}.list-card:empty{display:none}.list-row{display:flex;align-items:center;gap:12px;min-height:68px;border:0;border-bottom:1px solid #F0F0F2;background:none;width:100%;text-align:left;padding:8px 0;color:var(--ink)}.list-row:last-child{border-bottom:0}.list-title{font-size:16px;font-weight:600}.list-sub{font-size:14px;color:var(--muted);margin-top:2px}.pill{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.err{background:var(--err-bg);color:var(--err)}.pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.pill.plan{background:var(--orange-tint);color:var(--orange-deep)}.pill.idle{background:var(--soft);color:var(--muted)}.code-row{display:flex;align-items:center;gap:8px;padding:8px 4px 8px 14px;min-height:60px;border-radius:14px;background:#fff;border:1px solid var(--card-line);box-shadow:0 1px 2px #1018280a}.code-row.ai{background:var(--warn-bg);border:1.5px solid var(--warn-line)}.code-row.bad{background:var(--err-bg);border-color:var(--err-line)}.code-row .code{font-family:var(--mono);font-size:17px;font-weight:500;letter-spacing:.3px;word-break:break-all}.code-row.bad .code{text-decoration:line-through;color:#6b7280}.code-row .note{font-size:14px;margin-top:2px;color:var(--muted)}.code-row.ai .note{color:var(--warn);font-weight:700}.code-row.bad .note{color:var(--err);font-weight:700}.icon-btn{width:48px;height:48px;flex:none;border:0;background:none;color:var(--muted);display:flex;align-items:center;justify-content:center}.banner{display:flex;gap:10px;align-items:center;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600}.banner.warn{background:var(--warn-bg);border:2px solid var(--warn-line);color:var(--warn-ink)}.banner.err{background:var(--err-bg);border:2px solid var(--err-line);color:var(--err)}.banner.info{background:var(--orange-tint);color:var(--orange-deep);border:1px solid var(--orange-line)}.choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:0 16px;border-radius:16px;border:2px solid #D1D5DB;font-size:18px;font-weight:700;background:#fff;width:100%}.choice.on{border:3px solid var(--orange);background:var(--orange-tint);font-weight:800;padding:0 15px}.choice input{width:24px;height:24px;margin:0;accent-color:var(--orange)}.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chip{height:56px;border-radius:14px;border:2px solid #D1D5DB;background:#fff;font-size:20px;font-weight:800}.chip.on{background:var(--orange);border-color:var(--orange);color:#fff}.chips.sm .chip{height:40px;border-radius:10px;font-size:15px;font-weight:700}.seg{display:grid;gap:6px;background:#f2f2f4;border-radius:14px;padding:4px}.seg button{height:48px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:16px;font-weight:700}.seg button.on{background:var(--orange);color:#fff;font-weight:800}.filter{height:44px;padding:0 16px;border-radius:999px;border:2px solid #D1D5DB;background:#fff;font-size:15px;font-weight:700}.filter.on{background:var(--ink);border-color:var(--ink);color:#fff}.field{display:flex;align-items:center;gap:10px;border:1.5px solid #D1D5DB;border-radius:14px;padding:0 14px;min-height:52px;background:#fff}.field-hint{font-size:14px;color:var(--muted);text-align:center;margin-top:-4px}.field-hint.err{color:var(--err);text-align:left;padding-left:4px;font-weight:600}.field:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ee4d2d26}.field input{border:0;outline:none;flex:1;font-size:16px;background:transparent;min-width:0}textarea.area{width:100%;min-height:180px;border:2px solid #D1D5DB;border-radius:14px;padding:12px 14px;font-family:var(--mono);font-size:17px;line-height:1.6;resize:vertical}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(0,0,0,.05)}.stat b{font-size:36px;font-weight:800;line-height:1}.stat span{font-size:16px;font-weight:600;line-height:1.2}.group{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow)}.group>h3{margin:0;padding:12px 14px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;border-left:5px solid currentColor}.group>h3 .count{margin-left:auto;min-width:30px;height:26px;padding:0 9px;border-radius:13px;font-size:14px;font-weight:700;background:currentColor;display:inline-flex;align-items:center;justify-content:center}.group>h3 .count i{font-style:normal;color:#fff}.group-item{padding:12px 14px 12px 19px;border-top:1px solid #F0F0F2}.group-item .code{font-family:var(--mono);font-size:17px;font-weight:500;letter-spacing:.3px;word-break:break-all}.group-item .detail{font-size:15px;margin-top:3px;color:var(--muted);line-height:1.45}.group.err>h3{background:var(--err-bg);color:var(--err-strong)}.group.err .detail{color:var(--err);font-weight:600}.group.hub>h3{background:var(--hub-bg);color:var(--hub)}.group.ok>h3{background:var(--ok-bg);color:var(--ok)}.group.warn>h3{background:var(--warn-bg);color:var(--warn)}.group.idle>h3{background:var(--soft);color:#6b7280}.group-hint{padding:10px 14px 12px 19px;font-size:15px;font-weight:600;border-top:1px solid #F0F0F2;background:#fcfcfd}.track-row{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:60px;border-radius:14px;background:#fff;border:1px solid var(--card-line)}.track-row .ico{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;background:#e5e7eb;color:var(--muted)}.track-row.ok{background:var(--ok-bg)}.track-row.ok .ico{background:var(--ok);color:#fff}.track-row.ok .lbl{color:var(--ok)}.track-row.err{background:var(--err-bg)}.track-row.err .ico{background:var(--err-strong);color:#fff}.track-row.err .lbl{color:var(--err)}.track-row.hub{background:var(--hub-bg)}.track-row.hub .ico{background:var(--hub);color:#fff}.track-row .code{font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:.3px;word-break:break-all}.track-row .lbl{font-size:15px;font-weight:700;margin-top:1px;color:var(--muted)}.card{background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px}.avatar{width:52px;height:52px;flex:none;border-radius:50%;background:var(--orange-tint);color:var(--orange-deep);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}.center-note{text-align:center;color:var(--muted);font-size:15px;padding:24px 8px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--orange-line);border-top-color:var(--orange);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{position:fixed;inset:0;background:#0006;z-index:20;display:flex;align-items:flex-end}.sheet{background:#fff;width:100%;border-radius:20px 20px 0 0;padding:16px 16px calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow:auto}.toast{position:fixed;left:16px;right:16px;top:calc(var(--safe-top) + 64px);box-shadow:0 6px 20px #0000002e;z-index:30;background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:600;text-align:center}.toast.err{background:var(--err-strong)}.toast.ok{background:var(--ok)}.banner.install{align-items:flex-start;font-weight:500;line-height:1.45}.banner.install .icon-btn{width:32px;height:32px;margin:-4px -6px 0 0;color:inherit}.banner.install>svg,.banner.install.col svg{flex:none;margin-top:1px}.banner.install.col{flex-direction:column;align-items:stretch;gap:10px}.banner.install.col .btn-sm{width:100%;height:44px;font-size:16px}.banner.install.focus{border:2px solid var(--orange)}.banner.install .install-note{font-size:14px;line-height:1.45}.banner.install .install-note .link-btn{min-height:0;padding:0;font-size:14px;text-decoration:underline}.install-steps{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--ink)}.install-steps li{padding-left:4px}.btn-sm{height:38px;padding:0 14px;font-size:15px;border-radius:10px;flex:none;width:auto}.btn-ghost-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-weight:700}.scanner{position:fixed;inset:0;z-index:60;background:#000;color:#fff;overflow:hidden}.scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scanner-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(var(--safe-top) + 12px) 16px 12px;background:linear-gradient(#0009,#0000);z-index:2}.scanner-mode{display:inline-flex;background:#00000080;border-radius:25px;padding:4px;gap:2px}.scanner-mode button{height:42px;padding:0 16px;border:0;border-radius:21px;background:transparent;color:#fff;font-size:16px;font-weight:700}.scanner-mode button.on{background:#fff;color:var(--ink)}.scanner-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:16px 16px calc(20px + var(--safe-bottom));background:linear-gradient(#0000,#0000008c);z-index:2}.scanner-done{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:64px;min-width:72%;padding:0 24px;border:0;border-radius:32px;background:var(--orange);color:#fff;font-size:20px;font-weight:800;box-shadow:0 2px 12px #00000059}.scanner-done:active{background:var(--orange-ink)}.scanner-icon{width:50px;height:50px;border-radius:25px;border:0;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.scanner-icon.on{background:#ffd43b;color:#1d1d1f}.scanner-frame{position:absolute;left:10%;right:10%;top:50%;height:min(42vh,72vw);transform:translateY(-55%);border-radius:18px;box-shadow:0 0 0 100vmax #00000073;outline:3px solid rgba(255,255,255,.9)}.scanner-frame span{position:absolute;left:6%;right:6%;top:50%;height:2px;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:scanline 1.8s ease-in-out infinite}@keyframes scanline{0%,to{transform:translateY(-40%);top:12%}50%{top:88%}}.scanner-frame.hit{animation:hit .45s ease-out}@keyframes hit{0%{outline-color:#32d583;outline-width:8px}to{outline-color:#ffffffe6;outline-width:3px}}.scanner-hint{position:absolute;left:16px;right:16px;top:calc(50% + min(21vh,36vw) + 8px);text-align:center;font-size:16px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.scanner-last{position:absolute;left:16px;right:16px;bottom:calc(104px + var(--safe-bottom));text-align:center;padding:14px 16px;border-radius:14px;font-family:var(--mono);font-size:18px;font-weight:700;background:#067647eb}.scanner-last.dup{background:#1d1d1fd9}.scanner-last.full{background:#b42318eb}.scanner-fail{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px;text-align:center;align-items:stretch;background:#111}.scanner-fail>svg{align-self:center;opacity:.8}.scanner-fail-title{font-size:22px;font-weight:800}.scanner-fail-text{font-size:16px;line-height:1.5;color:#d1d5db;margin-bottom:8px}