:root{--bg:#0e1316;--bg-2:#16191d;--bg-3:#1e2329;--bg-4:#262c34;--fg:#f2f4f5;--fg-muted:#9aa3ab;--fg-dim:#6b747c;--border:#2a3038;--green:#01ae55;--green-dark:#018f46;--green-soft:#01ae5524;--orange:#ea5b23;--warn:#f3b33d;--warn-soft:#f3b33d24;--danger:#e0533d;--font-head:"Montserrat", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--radius:12px;--tab-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:16px;line-height:1.4}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em;margin:0}h1{font-size:20px;font-weight:700}h2{font-size:17px;font-weight:700}h3{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}p{margin:0 0 8px}a{color:var(--green)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--green)}input[type=number]{font-variant-numeric:tabular-nums}input::placeholder{color:var(--fg-dim)}label{color:var(--fg-muted);margin-bottom:4px;font-size:13px;display:block}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0e1316eb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-family:var(--font-head);letter-spacing:.14em;color:var(--green);font-size:12px;font-weight:700}.brand-app{font-family:var(--font-head);font-size:18px;font-weight:700}.chip{background:var(--bg-3);border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;max-width:55vw;padding:6px 10px;font-size:13px;display:inline-flex;overflow:hidden}.chip strong{color:var(--fg);font-weight:600}.app-main{padding:16px 16px calc(var(--tab-h) + 24px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:720px;margin:0 auto}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.row>*{flex:1;min-width:0}.row.tight>*{flex:initial}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.muted{color:var(--fg-muted);font-size:14px}.dim{color:var(--fg-dim);font-size:13px}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.center{text-align:center}.spacer{flex:1}.hr{background:var(--border);height:1px;margin:10px 0}.mt{margin-top:10px}.btn{border:1px solid var(--border);background:var(--bg-3);min-height:44px;color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--green);border-color:var(--green);color:#06130c}.btn-primary:active{background:var(--green-dark)}.btn-ghost{background:0 0}.btn-danger{color:var(--danger)}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.btn-block{width:100%}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px 4px;display:flex}.list-item:last-child{border-bottom:0}.list-item .body{flex:1;min-width:0}.list-item .title{font-weight:600}.list-item .sub{color:var(--fg-muted);font-size:13px}.list-item.active .title{color:var(--green)}.badge{background:var(--bg-4);color:var(--fg-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-soft);color:var(--green)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.notice{border-radius:10px;padding:10px 12px;font-size:14px}.notice-warn{background:var(--warn-soft);color:var(--warn);border:1px solid #f3b33d4d}.notice-info{background:var(--bg-3);color:var(--fg-muted);border:1px solid var(--border)}.notice-ok{background:var(--green-soft);color:var(--green);border:1px solid #01ae554d}.notice-danger{color:var(--danger);background:#e0533d24;border:1px solid #e0533d4d}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;overflow-x:auto}table.card-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.card-table th{text-align:right;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px;font-size:11px;font-weight:600}.card-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #2a303899;padding:8px 6px}.card-table th:first-child,.card-table td:first-child{text-align:left;font-weight:600}.card-table tr.hundred td{background:#ffffff06}.card-table td.mil{color:var(--fg);font-size:16px;font-weight:600}.tabbar{z-index:10;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);background:#16191df5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tab svg{width:22px;height:22px}.tab.active{color:var(--green)}.wind-clock{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:280px;height:auto;margin:0 auto;display:block}.wind-clock .face{fill:var(--bg-3);stroke:var(--border)}.wind-clock .tick{stroke:var(--fg-dim)}.wind-clock .tick.major{stroke:var(--fg-muted)}.wind-clock .label{fill:var(--fg-muted);font-family:var(--font-head);text-anchor:middle;dominant-baseline:central;font-size:13px;font-weight:600}.wind-clock .label.top{fill:var(--fg)}.wind-clock .arrow{stroke:var(--green);fill:var(--green)}.wind-clock .target{fill:var(--fg)}.wind-clock .sugg{stroke:var(--warn);fill:none;stroke-dasharray:4 3}.kv{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--fg-muted)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.bigval{font-family:var(--font-head);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.compare{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.compare .arrow{color:var(--fg-dim);font-size:20px}.seg{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.seg button{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:8px;font-weight:600}.seg button.on{background:var(--bg-4);color:var(--fg)}.onboard-step{align-items:center;gap:10px;margin-bottom:12px;display:flex}.onboard-step .num{background:var(--green);color:#06130c;width:28px;height:28px;font-weight:700;font-family:var(--font-head);border-radius:50%;place-items:center;display:grid}