:root{--green:#1ed760;--green-dark:#1db954;--green-dim:#1ed7601f;--on-green:#06210f;--bg:#121212;--surface:#181818;--surface-mid:#1f1f1f;--surface-card:#252525;--surface-alt:#272727;--text:#fff;--text-2:#cbcbcb;--text-dim:#b3b3b3;--text-light:#fdfdfd;--negative:#f3727f;--warning:#ffa42b;--info:#539df5;--border:#4d4d4d;--border-light:#7c7c7c;--separator:#b3b3b3;--shadow-heavy:#00000080 0px 8px 24px;--shadow-medium:#0000004d 0px 8px 8px;--inset-border:#121212 0px 1px 0px, #7c7c7c 0px 0px 0px 1px inset;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-min:2px;--r-subtle:4px;--r-std:6px;--r-comfy:8px;--r-md:12px;--r-large:100px;--r-pill:500px;--r-full:9999px;--r-circle:50%;--tab-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;--font-title:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"Inter", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:.01em;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;font-variant-ligatures:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:16px;line-height:1.6;overflow-x:hidden}#app{min-height:100vh;min-height:100dvh}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font-family:inherit;font-size:16px}a{color:var(--text);text-decoration:none}.page-title{font-family:var(--font-title);margin:0 0 var(--sp-2);letter-spacing:0;font-size:24px;font-weight:600;line-height:1.35}.page-sub{color:var(--text-dim);margin:0 0 var(--sp-5);font-size:14px;font-weight:400;line-height:1.6}.sec-title{margin:0 0 var(--sp-3);font-size:18px;font-weight:500;line-height:1.4}.body-bold{font-size:16px;font-weight:600}.small{font-size:12px;font-weight:400;line-height:1.6}.small-bold{font-size:12px;font-weight:600;line-height:1.6}.micro{font-size:10px;font-weight:400}.muted,.faint{color:var(--text-dim)}.pos{color:var(--info);font-style:italic}.mono{font-variant-numeric:tabular-nums}.center{text-align:center}.page{padding:var(--sp-4);padding-top:calc(var(--sp-4) + var(--safe-top));padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + var(--sp-4));max-width:720px;margin:0 auto}.page--plain{padding-bottom:calc(var(--sp-6) + var(--safe-bottom))}.row{align-items:center;gap:var(--sp-3);display:flex}.row--between{justify-content:space-between}.grid-2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-full);background:var(--surface-mid);min-height:44px;color:var(--text);letter-spacing:.01em;text-transform:none;-webkit-user-select:none;user-select:none;padding:8px 18px;font-size:14px;font-weight:600;line-height:1.2;transition:transform .12s,background .15s;display:inline-flex}.btn--caps{text-transform:uppercase;letter-spacing:1.2px;font-size:12px}.btn:active{background:#2a2a2a;transform:scale(.97)}.card .btn:not(.btn--primary):not(.btn--ghost){background:var(--surface-card);box-shadow:inset 0 0 0 1px #7c7c7c}.card .btn:not(.btn--primary):not(.btn--ghost):active{background:var(--surface-alt)}.btn--primary{background:var(--green);color:#06210f;font-weight:600}.btn--primary:active{background:var(--green-dark)}.btn--ghost{border:1px solid var(--border-light);color:var(--text);background:0 0}.btn--ghost:active{background:#ffffff0f}.btn--lg{border-radius:var(--r-pill);min-height:48px;padding:0 43px}.btn--block{width:100%}.btn:disabled{opacity:.4;pointer-events:none}.btn--circle{border-radius:var(--r-circle);background:var(--green);width:48px;height:48px;min-height:0;color:var(--on-green);letter-spacing:0;padding:0}.chip{border-radius:var(--r-min);background:var(--surface-mid);color:var(--text-dim);text-transform:capitalize;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1.33;display:inline-flex}.chip--brand{background:var(--green-dim);color:var(--green)}.chip--warn{color:var(--warning);background:#ffa42b24}.chip--info{color:var(--info);background:#539df524}.chip--pill{border-radius:var(--r-full);padding:4px 12px}.card{background:var(--surface);border-radius:var(--r-comfy);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card--flat{background:var(--surface-mid)}.card--raised{background:var(--surface-card);box-shadow:var(--shadow-medium)}.field{margin-bottom:var(--sp-4)}.field-label{color:var(--text-dim);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:600;display:block}.input{border-radius:var(--r-pill);background:var(--surface-mid);width:100%;min-height:48px;box-shadow:var(--inset-border);color:var(--text);border:none;outline:none;padding:0 16px;font-size:14px}.input::placeholder{color:var(--text-dim)}.input:focus{outline:1px solid var(--text)}.range{width:100%;height:32px;accent-color:var(--green)}.list{margin:0;padding:0;list-style:none}.list-item{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 8px;border-radius:var(--r-std);color:var(--text);transition:background .15s;display:flex}.list-item:active{background:var(--surface-mid)}.tabbar{height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);z-index:100;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000080}.tabbar__item{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:400;display:flex}.tabbar__item--active{color:var(--text);font-weight:700}.tabbar__icon{font-size:18px;line-height:1}.topbar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-top:calc(var(--sp-3) + var(--safe-top));background:var(--bg);z-index:50;display:flex;position:sticky;top:0}.topbar__title{font-size:16px;font-weight:600}.icon-btn{border-radius:var(--r-circle);width:40px;height:40px;color:var(--text);flex:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-btn:active{background:var(--surface-mid)}.bar{border-radius:var(--r-full);background:#4d4d4d;height:4px;overflow:hidden}.bar__fill{background:var(--green);border-radius:var(--r-full);height:100%;transition:width .4s}.toast-wrap{top:calc(var(--safe-top) + 12px);z-index:999;gap:var(--sp-2);pointer-events:none;flex-direction:column;width:min(92vw,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-comfy);background:var(--surface-card);box-shadow:var(--shadow-heavy);color:var(--text);padding:12px 16px;font-size:14px;font-weight:400;animation:.2s toast-in}.toast--success{color:var(--green)}.toast--error{color:var(--negative)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-dim);font-size:14px}.spinner{border:2px solid #4d4d4d;border-top-color:var(--green);border-radius:var(--r-circle);width:24px;height:24px;margin:var(--sp-6) auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:576px){.page{padding-left:var(--sp-6);padding-right:var(--sp-6)}}@media (min-width:896px){.page{max-width:768px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}