@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700&family=DM+Mono&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:auto;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0f1e}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:2px}.recharts-responsive-container div{width:100%!important}body{width:100%;min-width:320px;min-height:100vh}.app-container{margin:auto;min-height:100vh;background:#232323;font-family:DM Sans,Noto Sans JP,sans-serif;color:#e2e8f0}.main-container{max-width:1275px;margin:0 auto;padding:32px 24px}.header{border-bottom:1px solid rgba(56,189,248,.12);padding:20px 32px;display:flex;align-items:center;gap:16px;background:#232323;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.header>div{margin:0}.header>div:nth-of-type(3){margin-left:auto}.header-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#818cf8);display:flex;align-items:center;justify-content:center;font-size:18px}.header-title{font-size:16px;font-weight:700;letter-spacing:.5px}.header-subtitle{font-size:11px;color:#475569;font-family:DM Mono,monospace}.header-status{margin-left:auto;display:flex;gap:8px;align-items:center}.header-date{font-size:11px;color:#38bdf8;font-family:monospace}.status-indicator{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.city-chip{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;transition:all .15s ease;cursor:pointer;user-select:none;-webkit-user-select:none;border:1px solid #1e3a5f;background:transparent;color:#475569}.city-chip:not(.selected):hover{color:#fef3c7;border-color:#fef3c7;transform:translateY(-1px)}.city-chip.selected:hover{transform:translateY(-1px)}.city-chip.selected[data-color-index="0"]{border-color:#38bdf8;background:#38bdf822;color:#38bdf8}.city-chip.selected[data-color-index="1"]{border-color:#f472b6;background:#f472b622;color:#f472b6}.city-chip.selected[data-color-index="2"]{border-color:#34d399;background:#34d39922;color:#34d399}.city-chip.selected[data-color-index="3"]{border-color:#fb923c;background:#fb923c22;color:#fb923c}.city-chip.selected[data-color-index="4"]{border-color:#a78bfa;background:#a78bfa22;color:#a78bfa}.city-chip.selected[data-color-index="5"]{border-color:#fbbf24;background:#fbbf2422;color:#fbbf24}.city-chip.selected[data-color-index="6"]{border-color:#60a5fa;background:#60a5fa22;color:#60a5fa}.city-chip.selected[data-color-index="7"]{border-color:#f87171;background:#f8717122;color:#f87171}.city-chip.selected[data-color-index="8"]{border-color:#4ade80;background:#4ade8022;color:#4ade80}.city-chip.selected[data-color-index="9"]{border-color:#e879f9;background:#e879f922;color:#e879f9}.btn{cursor:pointer;border:none;transition:all .2s ease}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.active{background:#38bdf8;color:#0f172a}.upload-area{border:2px dashed #1e3a5f;border-radius:12px;padding:48px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:32px}.upload-area:hover{border-color:#38bdf8;background:#38bdf80a}.upload-icon{font-size:40px;margin-bottom:16px}.upload-title{font-size:16px;font-weight:500;margin-bottom:8px}.upload-subtitle{font-size:13px;color:#475569}.control-panel,.control-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.panel-box{background:#ffffff08;border-radius:14px;padding:20px;border:1px solid rgba(56,189,248,.1)}.panel-box.gemini{border-color:#818cf833}.panel-title{font-size:11px;color:#475569;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.city-list{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;margin-top:12px}.checkbox-label input{accent-color:#38bdf8}.checkbox-text{color:#94a3b8}.api-input{width:100%;background:#0000004d;border:1px solid #1e3a5f;border-radius:8px;padding:8px 12px;color:#e2e8f0;font-size:12px;font-family:DM Mono,monospace;margin-bottom:12px;outline:none}.predict-controls{display:flex;gap:10px;align-items:center}.predict-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.predict-select{background:#0a0f1e;border:1px solid #1e3a5f;color:#e2e8f0;border-radius:6px;padding:4px 8px;font-size:12px}.predict-button{border-radius:8px;padding:8px 20px;font-size:12px;font-weight:600;margin-left:auto;color:#fff}.error-message{margin-top:10px;font-size:11px;color:#f87171}.glow{box-shadow:0 0 20px #4d51774b}.pred-badge{margin-top:10px;font-size:11px;color:#818cf8;animation:pulse 2s infinite}.chart-toggle{display:flex;gap:8px;margin-bottom:16px}.toggle-button{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500}.chart-container{background:#ffffff05;border:1px solid rgba(56,189,248,.08);border-radius:16px;padding:24px 16px 16px;margin-bottom:24px}.chart-controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.date-granularity-toggle{display:flex;gap:8px}.date-granularity-toggle .btn{border-radius:8px;background:#0a0f1e;color:#cbd5e1;border:1px solid #1e293b;padding:6px 12px;font-size:12px;font-weight:500}.date-granularity-toggle .btn.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8}.period-selector-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.period-selector-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1;font-family:DM Mono,monospace}.period-selector-item label{color:#94a3b8;font-size:11px}.period-selector-item select{background:#0f172a;color:#e2e8f0;border:1px solid #1e293b;border-radius:6px;padding:4px 8px;font-size:12px;font-family:DM Mono,monospace}.legend-container{display:flex;gap:16px;justify-content:center;font-size:11px;color:#475569;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-range{color:#334155;font-family:monospace}.prediction-results{margin-top:24px;background:#818cf80d;border:1px solid rgba(129,140,248,.15);border-radius:14px;padding:20px}.prediction-title{font-size:11px;color:#818cf8;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.prediction-grid{display:flex;flex-wrap:wrap;gap:10px}.prediction-card{background:#0000004d;border-radius:10px;padding:10px 14px;min-width:100px;text-align:center}.prediction-date{font-size:10px;color:#475569;font-family:monospace;margin-bottom:4px}.prediction-value{font-size:18px;font-weight:700;font-family:DM Mono,monospace}.prediction-label{font-size:9px;margin-top:2px}.tooltip-container{background:#1e1e1ef7;border:1px solid #1e3a5f;border-radius:10px;padding:8px 12px;font-size:12px;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(420px,90vw);max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-label{margin-bottom:4px;color:#94a3b8;font-family:monospace;font-size:11px}.tooltip-item{display:grid;grid-template-columns:12px auto auto auto;align-items:center;gap:6px;margin-bottom:3px}.tooltip-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#fff}.tooltip-name{min-width:70px;color:#94a3b8;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tooltip-value{font-weight:700;font-size:12px;min-width:90px;white-space:nowrap}.tooltip-level{font-size:10px;white-space:nowrap}.gemini-panel{background:#ffffff08;border-radius:14px;padding:20px;border:1px solid rgba(129,140,248,.2)}.gemini-panel-title{font-size:11px;color:#475569;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.gemini-panel-controls{display:flex;gap:10px;align-items:center}.gemini-predict-btn{border-radius:8px;padding:8px 20px;font-size:12px;font-weight:600;margin-left:auto;color:#fff}.gemini-predict-btn:not(:disabled){background:linear-gradient(135deg,#818cf8,#38bdf8)}.gemini-predict-btn:disabled{background:#1e3a5f;opacity:.7}.gemini-error{margin-top:10px;font-size:11px;color:#f87171}.gemini-success{margin-top:10px;font-size:11px;color:#818cf8}.city-selector-panel{background:#ffffff08;border-radius:14px;padding:20px;border:1px solid rgba(56,189,248,.1)}.city-selector-title{font-size:11px;color:#475569;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;color:#9299a1;display:flex;align-items:center;justify-content:space-between}.city-selector-list{padding:4px;display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto}.city-selector-checkbox{margin-top:12px;display:flex;align-items:center;gap:10px}.city-selector-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.city-selector-label input{accent-color:#38bdf8}.city-selector-label span{color:#94a3b8}.chart-type-toggle{display:flex;gap:8px;margin-bottom:16px}.chart-type-btn{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500}.chart-type-btn.active{background:#38bdf826;color:#38bdf8;border:1px solid #38bdf8}.chart-type-btn:not(.active){background:transparent;color:#475569;border:1px solid #1e3a5f}.pollen-legend{display:flex;gap:16px;justify-content:center;font-size:11px;color:#475569;flex-wrap:wrap}.pollen-legend-item{display:flex;align-items:center;gap:6px}.pollen-legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.pollen-legend-dot[data-level-index="0"]{background:#10b981}.pollen-legend-dot[data-level-index="1"]{background:#34d399}.pollen-legend-dot[data-level-index="2"]{background:#fbbf24}.pollen-legend-dot[data-level-index="3"]{background:#fb923c}.pollen-legend-dot[data-level-index="4"]{background:#f87171}.pollen-legend-range{color:#334155;font-family:monospace}.prediction-table{margin-top:24px;background:#818cf80d;border:1px solid rgba(129,140,248,.15);border-radius:14px;padding:20px}.prediction-table-title{font-size:11px;color:#818cf8;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.prediction-table-table-wrap{overflow-x:auto;border:1px solid rgba(129,140,248,.2);border-radius:10px;background:#0003}.prediction-table-table{width:100%;border-collapse:collapse;min-width:500px}.prediction-table-table th,.prediction-table-table td{border-bottom:1px solid rgba(148,163,184,.16);padding:8px 10px;font-size:12px;text-align:left;color:#e2e8f0}.prediction-table-table th{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.prediction-table-table tr:hover{background:#94a3b814}.prediction-table-card.level-missing{border:1px solid rgba(75,85,99,.267)}.prediction-table-value.level-missing,.prediction-table-label.level-missing{color:#4b5563}.prediction-table-card.level-none{border:1px solid rgba(16,185,129,.267)}.prediction-table-value.level-none,.prediction-table-label.level-none{color:#10b981}.prediction-table-card.level-low{border:1px solid rgba(52,211,153,.267)}.prediction-table-value.level-low,.prediction-table-label.level-low{color:#34d399}.prediction-table-card.level-medium{border:1px solid rgba(251,191,36,.267)}.prediction-table-value.level-medium,.prediction-table-label.level-medium{color:#fbbf24}.prediction-table-card.level-high{border:1px solid rgba(251,146,60,.267)}.prediction-table-value.level-high,.prediction-table-label.level-high{color:#fb923c}.prediction-table-card.level-very-high{border:1px solid rgba(248,113,113,.267)}.prediction-table-value.level-very-high,.prediction-table-label.level-very-high{color:#f87171}.reset-button{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#38bdf8;padding:4px 10px;border-radius:6px;font-size:10px;cursor:pointer;transition:all .2s ease;font-weight:500;margin-right:0}.reset-button:hover{background:#38bdf833;border-color:#38bdf899;transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}