.auth-gate{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-md)}.auth-card{text-align:center;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);max-width:360px;width:100%}.auth-icon{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.auth-card h1{font-size:1.8rem;margin:0 0 var(--space-xs);color:var(--text-primary)}.auth-card p{color:var(--text-secondary);margin:0 0 var(--space-lg);font-size:.95rem}.login-button{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s}.login-button:hover{opacity:.85}.zone-selector{display:flex;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) 0}.zone-tab{padding:var(--space-xs) var(--space-md);font-size:.85rem;font-weight:600;letter-spacing:.02em;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.zone-tab:hover{background:var(--surface-hover)}.zone-tab--active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.chart-card{padding:var(--space-sm)}.chart-card h2{font-size:1rem;color:var(--text-primary)}.chart-header{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-xs) var(--space-xs)}.chart-header h2{margin:0}.chart-tooltip-banner{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;opacity:0;transition:opacity .15s ease}.chart-tooltip-banner.visible{opacity:1}.chart-tooltip-time{color:var(--text-secondary);margin-right:var(--space-xs)}.chart-tooltip-price{font-weight:600;color:var(--text-primary)}.chart-touch-area{touch-action:pan-y;-webkit-tap-highlight-color:transparent}.chart-touch-area .recharts-wrapper,.chart-touch-area .recharts-surface,.chart-touch-area .recharts-wrapper:focus,.chart-touch-area .recharts-surface:focus{outline:none!important;border:none!important;box-shadow:none!important}.chart-header-right{display:flex;align-items:baseline;gap:var(--space-xs);min-width:0;overflow:hidden}.chart-reset-zoom{font-size:.75rem;padding:2px 8px;border-radius:4px;border:1px solid var(--text-secondary);background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:opacity .15s}.chart-reset-zoom:hover{opacity:.8}.current-card{text-align:center}.current-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.current-header h2{margin:0;font-size:1rem;color:var(--text-primary)}.badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm)}.badge--low{background:var(--price-low);color:#000}.badge--normal{background:var(--price-mid);color:#000}.badge--high{background:var(--price-high);color:#fff}.current-price{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.current-unit{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.current-stats{display:flex;justify-content:space-around;gap:var(--space-sm)}.current-stats>div{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.highlow-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.highlow-title{font-size:.85rem;font-weight:700;margin:0 0 var(--space-xs)}.highlow-title--low{color:var(--price-low)}.highlow-title--high{color:var(--price-high)}.highlow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.highlow-list li{display:flex;justify-content:space-between;font-size:.85rem}.highlow-time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.highlow-price{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.reco-card h2{margin:0 0 var(--space-xs);font-size:1rem;color:var(--text-primary)}.reco-subtitle{margin:0 0 var(--space-md);font-size:.8rem;color:var(--text-secondary)}.reco-window{display:flex;justify-content:space-between;align-items:baseline;background:#4caf501f;border:1px solid var(--price-low);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.reco-window-time{font-size:1.1rem;font-weight:700;color:var(--price-low);font-variant-numeric:tabular-nums}.reco-window-price{font-size:.8rem;color:var(--text-secondary)}.reco-appliances{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-md)}.reco-appliances li{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--text-primary)}.reco-icon{font-size:1.1rem}.reco-alt{font-size:.78rem;color:var(--text-secondary);padding-top:var(--space-xs);border-top:1px solid var(--border)}.reco-alt-label{font-weight:600}.app{max-width:480px;margin:0 auto;padding:var(--space-sm) var(--space-sm) var(--space-xl)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.app-header h1{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:var(--space-xs)}.logout-btn{font-size:.75rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.app-content{display:flex;flex-direction:column;gap:var(--space-sm)}.loading-msg{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.error-msg{text-align:center;padding:var(--space-md);color:var(--price-high)}.zone-label{text-align:center;font-size:.75rem;color:var(--text-secondary);margin-top:calc(-1 * var(--space-xs))}@media(orientation:landscape)and (min-width:600px){.app{max-width:900px}.app-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.app-content>.chart-card{grid-column:1 / -1}.app-content>.current-card{grid-column:1 / -1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #242836;--border: #2e3240;--text-primary: #e8eaed;--text-secondary: #9aa0b0;--accent: #6c9fff;--price-low: #4caf50;--price-mid: #ffc107;--price-high: #ef5350;--space-xs: .35rem;--space-sm: .65rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100dvh}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md)}