.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)}.fee-toggle-wrapper{display:flex;justify-content:center;padding:var(--space-xs) 0 var(--space-sm)}.fee-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md);cursor:pointer;color:var(--text-secondary);font-size:.8rem;transition:border-color .15s,color .15s}.fee-toggle-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.fee-toggle-btn--active{border-color:var(--accent);color:var(--text-primary)}.fee-toggle-track{position:relative;display:inline-block;width:30px;height:16px;background:var(--border);border-radius:8px;flex-shrink:0;transition:background .2s}.fee-toggle-btn--active .fee-toggle-track{background:var(--accent)}.fee-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.fee-toggle-btn--active .fee-toggle-thumb{transform:translate(14px);background:var(--bg)}.settings-page{padding:var(--space-sm) 0}.settings-page-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-md)}.settings-back-btn{font-size:.8rem;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;transition:opacity .15s;white-space:nowrap}.settings-back-btn:hover{opacity:.75}.settings-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.settings-section{margin-bottom:var(--space-lg)}.settings-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin:0 0 var(--space-sm)}.settings-zone-name{text-align:center;font-size:.75rem;color:var(--text-secondary);margin-top:calc(-1 * var(--space-xs))}.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:none;-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}.chart-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-sm);padding:0 var(--space-xs)}.chart-nav-btn{min-width:48px;min-height:48px;border-radius:10px;border:1px solid var(--text-secondary);background:transparent;color:var(--text-primary);font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s,opacity .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.chart-nav-btn:active{background:#ffffff1f}.chart-nav-btn:disabled{opacity:.25;cursor:default}.chart-nav-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;overflow:hidden}.chart-nav-time{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chart-nav-price{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.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)}.stat-value--monthly{color:#e53935}.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}.monthly-card{display:flex;flex-direction:column;gap:var(--space-sm)}.monthly-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.monthly-title{font-size:.95rem;font-weight:700;margin:0;color:var(--text-primary)}.monthly-nav{display:flex;gap:var(--space-xs);flex-shrink:0}.monthly-nav-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;line-height:1;transition:color .15s,border-color .15s}.monthly-nav-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.monthly-nav-btn:disabled{opacity:.3;cursor:not-allowed}.monthly-loading{font-size:.85rem;color:var(--text-secondary);margin:0}.monthly-no-data{font-size:.8rem;color:var(--text-secondary);margin:0}.monthly-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-md);row-gap:6px;margin:0}.monthly-grid dt{font-size:.8rem;color:var(--text-secondary);align-self:start;padding-top:1px}.monthly-grid dd{font-size:.85rem;color:var(--text-primary);font-weight:500;margin:0}.monthly-price{font-size:1rem!important;font-weight:700!important;color:var(--accent)!important;font-variant-numeric:tabular-nums}.monthly-failed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.monthly-failed-list li{font-size:.8rem;color:var(--price-high);font-variant-numeric:tabular-nums}.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)}.header-actions{display:flex;align-items:center;gap:var(--space-xs)}.refresh-btn{font-size:1rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s,transform .2s;line-height:1}.refresh-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.refresh-btn:disabled{opacity:.4;cursor:default}.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)}.settings-btn{font-size:1rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s;line-height:1}.settings-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.settings-btn--active{color:var(--accent);border-color:var(--accent)}.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)}.settings-summary{text-align:center;font-size:.75rem;color:var(--text-secondary);padding:var(--space-xs) 0}@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)}