:root{--line-green: #06c755;--ink: #1a1a1c;--muted: #6b7280;--bg: #f6f7f9;--card: #ffffff;--border: #e5e7eb;--danger: #d93025;--warn: #b45309;--warn-bg: #fef3c7;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Noto Sans TC,PingFang TC,sans-serif;-webkit-font-smoothing:antialiased}.screen{max-width:560px;margin:0 auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:8px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar h1{flex:1;font-size:17px;margin:0;text-align:center;font-weight:600}.back,.back-spacer{width:32px;height:32px}.back{border:none;background:transparent;font-size:26px;line-height:1;color:var(--ink);cursor:pointer}main{padding:16px;display:flex;flex-direction:column;gap:12px}.greeting{margin:0;color:var(--muted);font-size:14px}.hint{margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 12px;font-size:15px;font-weight:600}.field{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border)}.field:last-child{border-bottom:none}.field-label{color:var(--muted);font-size:14px}.field-value{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.estimate{color:var(--warn)}.estimate:after{content:" 預估";font-size:11px;font-weight:400}.btn{width:100%;padding:15px 16px;font-size:16px;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--line-green);color:#fff}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--border)}.btn-danger{background:var(--danger);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid .btn{width:100%}.chip{padding:14px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);font-size:15px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;gap:4px}.chip small{font-weight:400;color:var(--muted);font-size:12px}.chip-on{border-color:var(--line-green);box-shadow:0 0 0 2px #06c7552e}.chip:disabled{opacity:.45;cursor:not-allowed}.label{font-size:13px;color:var(--muted)}.input{width:100%;padding:14px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.notice{padding:12px 14px;border-radius:var(--radius);font-size:14px;line-height:1.5}.notice-muted{background:var(--card);color:var(--muted);border:1px solid var(--border)}.notice-error{background:#fdeceb;color:var(--danger)}.notice-warn{background:var(--warn-bg);color:var(--warn)}.notice-ok{background:#e7f7ee;color:#0b7a3e}.state-badge{text-align:center;padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);font-size:20px;font-weight:700;letter-spacing:.04em}.state-on{background:var(--line-green);color:#fff;border-color:var(--line-green)}.evse-line{margin:0;color:var(--muted);font-size:14px;text-align:center}.recent-station{margin:0;font-weight:600}.recent-meta{margin:4px 0 0;color:var(--muted);font-size:14px}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.history-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer}.history-when{font-size:13px;color:var(--muted)}.history-station{font-size:16px;font-weight:600;margin-top:2px}.history-meta{font-size:13px;color:var(--muted);margin-top:2px}.history-state{margin-top:8px;font-size:13px;font-weight:600}.state-COMPLETED{color:#0b7a3e}.state-CHARGING{color:var(--line-green)}.state-START_TIMEOUT,.state-START_FAILED,.state-PAYMENT_FAILED,.state-DEBT{color:var(--danger)}