*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf9f6;--bg-card: #ffffff;--bg-muted: #f3ede3;--bg-warm: #fef9f0;--text: #1c1917;--text-secondary: #78716c;--text-tertiary: #a8a29e;--border: #e7dfd3;--ev: #16a34a;--ev-mid: #22c55e;--ev-light: #dcfce7;--ev-bg: #f0fdf4;--ice: #d97706;--ice-light: #fef3c7;--ice-bg: #fffbeb;--accent: #0284c7;--accent-light: #e0f2fe;--danger: #dc2626;--success: #16a34a;--grade-a: #15803d;--grade-b: #0891b2;--grade-c: #d97706;--grade-d: #ea580c;--grade-e: #dc2626;--wrap-blue: linear-gradient(135deg, #1d4ed8, #3b82f6);--wrap-green: linear-gradient(135deg, #15803d, #22c55e);--wrap-amber: linear-gradient(135deg, #b45309, #f59e0b);--wrap-red: linear-gradient(135deg, #b91c1c, #f43f5e);--wrap-purple: linear-gradient(135deg, #6d28d9, #a855f7);--wrap-teal: linear-gradient(135deg, #0f766e, #14b8a6);--wrap-rose: linear-gradient(135deg, #be185d, #fb7185);--wrap-indigo: linear-gradient(135deg, #3730a3, #818cf8);--radius: 18px;--radius-sm: 12px;--shadow: 0 1px 3px rgba(28,25,23,.05), 0 1px 2px rgba(28,25,23,.04);--shadow-md: 0 4px 12px rgba(28,25,23,.07), 0 2px 4px rgba(28,25,23,.05);--shadow-warm: 0 2px 8px rgba(180,140,80,.12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}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:480px;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);border:1px solid var(--border)}.card-compact{background:var(--bg-card);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow);border:1px solid var(--border)}.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)}.section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px}.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-light);color:#14532d}.badge-ice{background:var(--ice-light);color:#78350f}.badge-info{background:var(--accent-light);color:#0c4a6e}.badge-muted{background:var(--bg-muted);color:var(--text-secondary)}.badge-warm{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.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),#34d399);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:#fff;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:rgba(250,249,246,.92);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:100}.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}.tab-item.active{color:var(--ev)}.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:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--ev),#34d399);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.6rem;letter-spacing:-.03em}.spinner{width:38px;height:38px;border:3px solid var(--bg-muted);border-top-color:var(--ev);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)}}.trip-card{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);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:.95rem;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(--ev)}.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(--ev);color:#fff}.btn-primary:hover{background:#15803d}.btn-secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#fef2f2;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:#fff;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-bar-track{height:8px;background:var(--bg-muted);border-radius:4px;overflow:hidden;flex:1}.score-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.mode-split{height:14px;border-radius:7px;overflow:hidden;display:flex}.mode-split-ev{background:linear-gradient(90deg,#16a34a,#34d399);transition:width .6s ease}.mode-split-ice{background:linear-gradient(90deg,#f59e0b,#fcd34d);flex:1}.detail-hero{background:linear-gradient(160deg,#1c1917 0%,#292524 100%);border-radius:var(--radius);padding:22px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:rgba(22,163,74,.15);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);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .15s}.month-nav-btn:hover{background:var(--ev-light)}.month-nav-btn:disabled{opacity:.3}@media (min-width: 481px){#root{border-left:1px solid var(--border);border-right:1px solid var(--border)}}