*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.recharts-wrapper *:focus,.recharts-surface:focus,svg:focus,canvas:focus{outline:none}:root{--radius: 18px;--radius-sm: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root,:root[data-theme=current]{--white: #ffffff;--black: #000000;--bg: #faf9f6;--bg-card: var(--white);--bg-muted: #f3ede3;--bg-warm: #fef9f0;--surface: var(--white);--text: #1c1917;--text-secondary: #78716c;--text-tertiary: #a8a29e;--border: #e7dfd3;--shadow: 0 2px 8px color-mix(in srgb, #b48c50 18%, transparent);--shadow-warm: 0 2px 8px color-mix(in srgb, #b48c50 18%, transparent);--tooltip-bg: var(--white);--tooltip-shadow: 0 4px 12px color-mix(in srgb, var(--black) 10%, transparent);--overlay-scrim: color-mix(in srgb, var(--black) 45%, transparent);--overlay-scrim-strong: color-mix(in srgb, var(--black) 50%, transparent);--panel-shadow: 0 -4px 40px color-mix(in srgb, var(--black) 15%, transparent);--panel-shadow-strong: 0 -8px 48px color-mix(in srgb, var(--black) 22%, transparent);--primary: #18b018;--ev: #0ea5e9;--glide: #8750e7;--thermal: #ea580c;--info: #0891b2;--warn: #d97706;--danger: #dc2626;--success: #16a34a;--regen: #10b981;--primary-strong: color-mix(in srgb, var(--primary) 74%, var(--black));--primary-soft: color-mix(in srgb, var(--primary) 18%, var(--bg-card));--primary-bg: color-mix(in srgb, var(--primary) 10%, var(--bg-card));--ev-strong: color-mix(in srgb, var(--ev) 74%, var(--black));--ev-soft: color-mix(in srgb, var(--ev) 18%, var(--bg-card));--ev-bg: color-mix(in srgb, var(--ev) 10%, var(--bg-card));--glide-strong: color-mix(in srgb, var(--glide) 74%, var(--black));--glide-soft: color-mix(in srgb, var(--glide) 50%, var(--bg-card));--glide-bg: color-mix(in srgb, var(--glide) 10%, var(--bg-card));--thermal-strong: color-mix(in srgb, var(--thermal) 74%, var(--black));--thermal-soft: color-mix(in srgb, var(--thermal) 18%, var(--bg-card));--thermal-bg: color-mix(in srgb, var(--thermal) 10%, var(--bg-card));--info-strong: color-mix(in srgb, var(--info) 74%, var(--black));--info-soft: color-mix(in srgb, var(--info) 18%, var(--bg-card));--info-bg: color-mix(in srgb, var(--info) 10%, var(--bg-card));--warn-strong: color-mix(in srgb, var(--warn) 74%, var(--black));--warn-soft: color-mix(in srgb, var(--warn) 18%, var(--bg-card));--warn-bg: color-mix(in srgb, var(--warn) 10%, var(--bg-card));--danger-strong: color-mix(in srgb, var(--danger) 74%, var(--black));--danger-soft: color-mix(in srgb, var(--danger) 18%, var(--bg-card));--danger-bg: color-mix(in srgb, var(--danger) 10%, var(--bg-card));--success-strong: color-mix(in srgb, var(--success) 74%, var(--black));--success-soft: color-mix(in srgb, var(--success) 18%, var(--bg-card));--success-bg: color-mix(in srgb, var(--success) 10%, var(--bg-card));--regen-strong: color-mix(in srgb, var(--regen) 74%, var(--black));--regen-soft: color-mix(in srgb, var(--regen) 18%, var(--bg-card));--regen-bg: color-mix(in srgb, var(--regen) 10%, var(--bg-card));--neutral: #94a3b8;--neutral-body: #6b7280;--neutral-line: #d6cfc5;--neutral-rank: #cd7c3a;--consumption-best: #11b093;--consumption-good: #089733;--consumption-mid: #9dda0f;--consumption-mid-text: #5b5b5b;--consumption-warning: #ae7209;--consumption-danger: #e94b4b;--grade-s: #f59e0b;--grade-a: #15803d;--grade-b: #0891b2;--grade-c: #d97706;--grade-d: #ea580c;--grade-e: #dc2626;--success-premium: var(--consumption-best);--success-premium-text: color-mix(in srgb, var(--consumption-best) 74%, var(--black));--success-premium-bg: color-mix(in srgb, var(--consumption-best) 12%, var(--bg-card));--neutral-soft: color-mix(in srgb, var(--neutral) 30%, var(--bg-card));--neutral-dark: color-mix(in srgb, var(--neutral-body) 80%, var(--black));--neutral-strong: color-mix(in srgb, var(--neutral-body) 55%, var(--black));--neutral-alt-bg: color-mix(in srgb, var(--neutral) 8%, var(--bg-card));--wrap-blue: linear-gradient(135deg, var(--info-strong), var(--ev));--wrap-green: linear-gradient(135deg, var(--success-strong), var(--glide));--wrap-amber: linear-gradient(135deg, var(--warn-strong), var(--warn));--wrap-red: linear-gradient(135deg, var(--danger-strong), var(--danger));--wrap-purple: linear-gradient(135deg, var(--glide-strong), var(--glide));--wrap-teal: linear-gradient(135deg, var(--primary-strong), var(--primary));--wrap-rose: linear-gradient(135deg, var(--danger-strong), var(--danger-soft));--wrap-indigo: linear-gradient(135deg, var(--ev-strong), var(--ev));--tab-bar-bg: color-mix(in srgb, var(--bg) 92%, transparent);--history-success-bg: var(--success-soft);--history-success-text: var(--success);--history-idle-bg: color-mix(in srgb, var(--neutral) 8%, var(--bg-card));--history-idle-text: var(--text-tertiary);--rank-first: var(--warn);--rank-second: var(--neutral);--rank-third: var(--neutral-rank);--altitude-chip-bg: var(--warn-bg);--altitude-chip-text: var(--warn-strong);--altitude-gradient: var(--warn);--altitude-line: var(--warn);--consumption-scale-best: var(--consumption-best);--consumption-scale-good: var(--consumption-good);--consumption-scale-mid: var(--consumption-mid);--consumption-scale-warn: var(--consumption-warning);--consumption-scale-danger: var(--consumption-danger);--recap-bg: #0d0d0d;--recap-panel-blue: linear-gradient(160deg, #00101e 0%, #001426 100%);--recap-panel-warm: linear-gradient(160deg, #110f0a 0%, #1a1510 100%);--recap-panel-green: linear-gradient(160deg, #061810 0%, #0b2418 100%);--recap-panel-teal: linear-gradient(160deg, #001a1a 0%, #00211f 100%);--recap-text: #f0ede8;--recap-blue: #60a5fa;--recap-aqua: #22d3ee;--recap-teal: #2dd4bf;--recap-green: #4ade80;--recap-violet: #a78bfa;--recap-pink: #f472b6;--recap-orange: #fb923c;--recap-yellow: #fbbf24;--recap-cream: #fde68a;--recap-surface: color-mix(in srgb, #ffffff 5%, transparent);--recap-surface-hover: color-mix(in srgb, #ffffff 9%, transparent);--recap-divider: color-mix(in srgb, #ffffff 7%, transparent);--recap-border: color-mix(in srgb, #ffffff 10%, transparent);--recap-text-strong: color-mix(in srgb, #ffffff 92%, transparent);--recap-text-main: color-mix(in srgb, #ffffff 82%, transparent);--recap-text-muted: color-mix(in srgb, #ffffff 55%, transparent);--recap-text-soft: color-mix(in srgb, #ffffff 45%, transparent);--recap-text-faint: color-mix(in srgb, #ffffff 35%, transparent);--recap-text-faintest: color-mix(in srgb, #ffffff 25%, transparent);--recap-text-ghost: color-mix(in srgb, #ffffff 22%, transparent);--recap-text-dim: color-mix(in srgb, #ffffff 15%, transparent)}.annual-recap{--warning: var(--warn);--warning-strong: var(--warn-strong);--warning-deep: var(--warn-strong);--warning-mid: var(--warn);--warning-alt: var(--warn-strong);--warning-soft: var(--warn-soft);--warning-bg: var(--warn-bg);--warning-border: var(--warn-soft);--warning-bright: var(--warn);--warning-subtle: var(--warn-bg);--warning-muted: var(--warn-soft);--warning-bright-soft: var(--warn-soft);--warning-end: var(--warn-bg);--warning-soft-bg: var(--warn-bg);--ice: var(--thermal);--ice-light: var(--thermal-soft);--ice-bg: var(--thermal-bg);--ice-border: var(--thermal-soft);--ice-bright: var(--thermal);--ice-bright-soft: var(--thermal-soft);--ice-mid: var(--thermal-strong);--info-deep: var(--info-strong);--info-deeper: var(--info-strong);--info-border: var(--info-soft);--info-bright: var(--info);--info-premium: var(--info);--success-deep: var(--success-strong);--success-deeper: var(--success-strong);--success-alt: var(--glide);--success-glide: var(--glide);--success-alt-bright: var(--glide);--success-alt-soft: var(--glide-soft);--success-glide-strong: var(--glide-strong);--success-highlight: var(--glide);--coast: var(--info);--coast-bright: var(--info);--coast-soft: var(--info-soft);--regen-deep: var(--regen-strong);--brake: var(--danger);--brake-soft: var(--danger-soft);--brake-bg: var(--danger-bg);--brake-border: var(--danger-soft);--brake-strong: var(--danger-strong);--brake-deep: var(--danger-strong);--mode-ev: var(--ev);--mode-ev-soft: var(--ev-soft);--mode-ev-bright: var(--ev);--mode-glide: var(--glide);--mode-glide-soft: var(--glide-soft);--mode-glide-strong: var(--glide-strong);--mode-glide-bright: var(--glide);--mode-thermal-soft: var(--thermal-soft);--mode-thermal-bg: var(--thermal-bg);--mode-thermal-strong: var(--thermal-strong);--mode-thermal-bright: var(--thermal);--mode-thermal-border: var(--thermal-soft);--mode-regen-soft: var(--regen-soft)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{max-width:400px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font:inherit}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-warm)}.card-compact{background:var(--bg-card);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow)}.page{flex:1;padding:0 16px 100px}.page-title{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;margin:20px 0 4px;color:var(--text)}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat-label{font-size:.78rem;color:var(--text-secondary);margin-top:3px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:3px 8px;border-radius:100px;white-space:nowrap}.badge-ev{background:var(--ev-soft);color:var(--ev-strong)}.badge-ice{background:var(--thermal-soft);color:var(--thermal-strong)}.badge-info{background:var(--info-soft);color:var(--info-strong)}.badge-muted{background:var(--bg-muted);color:var(--text-secondary)}.badge-warm{background:var(--warn-soft);color:var(--warn-strong);border:1px solid var(--warn-soft)}.ev-bar{height:5px;border-radius:3px;background:var(--bg-muted);overflow:hidden}.ev-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ev),var(--glide));transition:width .5s ease}.grade{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-weight:800;font-size:1.05rem;color:var(--white);flex-shrink:0}.grade-A{background:var(--grade-a)}.grade-B{background:var(--grade-b)}.grade-C{background:var(--grade-c)}.grade-D{background:var(--grade-d)}.grade-E{background:var(--grade-e)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--tab-bar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:9999}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:.62rem;font-weight:600;color:var(--text-tertiary);transition:color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.tab-item.active{color:var(--primary)}.tab-item svg{width:22px;height:22px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:20px;background:var(--bg)}.glide-logo{width:80px;height:80px;border-radius:18px;display:block}.spinner{width:38px;height:38px;border:3px solid var(--bg-muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes recapReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trip-card{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;text-align:left;width:100%}.trip-card:active{transform:scale(.985);box-shadow:none}.input{width:100%;box-sizing:border-box;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:16px;font-family:inherit;transition:border-color .2s;outline:none;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date].input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:all .15s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.wrapped-vertical{display:flex;flex-direction:column;gap:10px;padding:4px 0 12px}.wrapped-card-v{width:100%;border-radius:var(--radius);padding:16px 18px;color:var(--white);display:flex;align-items:center;gap:14px;text-align:left;transition:transform .12s}.wrapped-card-v:active{transform:scale(.985)}.wrapped-card-v .wc-icon{flex-shrink:0;opacity:.7}.wrapped-card-v .wc-value-v{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.wrapped-card-v .wc-label-v{font-size:.78rem;font-weight:600;opacity:.85;line-height:1.3}.wrapped-card-v .wc-sub-v{font-size:.7rem;opacity:.6;margin-top:2px}.score-elt{display:flex;align-items:center;border-radius:6px;background-color:#f5f1e9}.score-elt--first{border-radius:6px 9px 6px 6px}.score-elt--last{border-radius:6px 6px 9px}.score-bg{display:flex;align-items:center;justify-content:flex-end;gap:3px;background-color:var(--border);padding:4px;border-radius:6px}.score-bar-segment{position:relative;overflow:hidden;width:7px;height:20px;border-radius:999px;background:#c2b7ac}.score-bar-segment-fill{position:absolute;left:0;bottom:0;width:100%;border-radius:0 0 999px 999px;transition:height .35s ease}.mode-split{height:14px;border-radius:7px;overflow:hidden;display:flex}.mode-split-ev{background:linear-gradient(90deg,var(--ev),var(--glide));transition:width .6s ease}.mode-split-ice{background:linear-gradient(90deg,var(--thermal),var(--thermal-soft));flex:1}.detail-hero{background:linear-gradient(160deg,var(--text) 0%,#292524 100%);border-radius:var(--radius);padding:22px;color:var(--white);margin-bottom:20px;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:color-mix(in srgb,var(--success) 15%,transparent);border-radius:50%}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.month-nav-btn{width:36px;height:36px;border-radius:10px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;transition:background .15s}.month-nav-btn:hover{background:var(--primary-soft)}.month-nav-btn:disabled{opacity:.3}@media (min-width: 481px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border)}}@media (orientation: landscape) and (max-height: 500px){#root .dm-page{max-width:100%}.page{padding-bottom:60px}.page-title{font-size:1.35rem;margin:6px 0 2px}.card{padding:10px 14px}.card-compact{padding:7px 12px}.dm-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dm-card-col{display:flex;flex-direction:column}.dm-card-col .card{flex:1;margin-bottom:0!important}.dm-actions{flex-direction:row!important;margin-bottom:10px!important}.dm-actions .btn{flex:1;padding:8px 10px;font-size:.82rem}.dm-log-card{max-height:160px!important;margin-bottom:10px!important}.dm-history{gap:4px!important;margin-bottom:14px!important}.dm-history .card-compact{padding:6px 10px}.page>div:first-child{margin-bottom:10px!important;margin-top:0!important}}