.home{text-align:center;font-family:Poppins,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#f9fafc,#eef3ff);min-height:100vh;padding:100px 20px 60px;color:#1f2937;display:flex;flex-direction:column;align-items:center;position:relative}h1{font-size:2.8rem;font-weight:700;color:#036;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,51,102,.15)}h1:after{content:"";display:block;width:120px;height:4px;background:linear-gradient(90deg,#0073e6,#0052a3);margin:12px auto 0;border-radius:4px}.author-bar{position:absolute;top:15px;left:20px;z-index:100}.author-info{background:#e8efff;border:1px solid #c9dafd;padding:12px 16px;border-radius:8px;box-shadow:0 2px 6px #0000321a;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.author-name{font-size:.95rem;font-weight:600;color:#036}.author-links{display:flex;gap:10px;margin-top:2px}.author-links a{text-decoration:none;color:#0052a3;background:#fff;border:1px solid #d0dbff;padding:4px 8px;border-radius:5px;font-size:.85rem;font-weight:500;transition:all .3s ease}.author-links a:hover{background:#0052a3;color:#fff;transform:translateY(-2px)}.link-item{display:flex;align-items:center;gap:6px}.copy-btn{background:#e0e7ff;border:none;border-radius:6px;cursor:pointer;padding:4px 8px;font-size:.9rem;transition:all .3s ease}.copy-btn:hover{background:#036;color:#fff}.copied{color:#16a34a;font-size:.8rem;font-weight:600;animation:fadeOut 1.5s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.controls{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:25px 0}.controls button{background:linear-gradient(90deg,#0052a3,#0073e6);color:#fff;border:none;padding:12px 22px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #00336626}.controls button:hover{transform:translateY(-2px);background:linear-gradient(90deg,#004080,#06c)}.search{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.search input{width:320px;padding:12px 16px;border:1.5px solid #b3c6ff;border-radius:8px;font-size:1rem;outline:none;transition:border .3s ease,box-shadow .3s ease;background:#fff}.search input:focus{border-color:#0052a3;box-shadow:0 0 6px #0052a34d}.search button{background:#198754;color:#fff;border:none;padding:12px 22px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.search button:hover{background:#146c43;transform:translateY(-2px)}.results-box{background:#fff;border:1px solid #d0dbff;border-radius:10px;max-width:420px;margin:10px auto 0;box-shadow:0 4px 12px #0033661a;overflow-y:auto;max-height:250px;text-align:left;animation:fadeIn .3s ease}.result-item{padding:14px 18px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.result-item:hover{background:#eef3ff;transform:translate(4px)}.result-item strong{font-size:1rem;color:#036}.state-name{color:#555;font-size:.9rem}.wake-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #0052a3;box-shadow:0 6px 20px #00336640;border-radius:12px;padding:35px 30px;text-align:center;max-width:480px;z-index:999;animation:fadeIn .3s ease}.wake-message h3{color:#036;margin-bottom:10px}.wake-message p{font-size:.95rem;color:#333;margin:6px 0}.wake-message hr{margin:15px 0;border:.5px solid #ccc}.wake-btn{margin-top:12px;background:linear-gradient(90deg,#0052a3,#0073e6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.wake-btn:hover{background:linear-gradient(90deg,#004080,#005fcc);transform:translateY(-2px)}@media (max-width: 768px){h1{font-size:2rem}.controls,.search{flex-direction:column;gap:10px}.search input{width:100%;max-width:350px}.search button{width:100%}.results-box{width:100%;max-width:360px}.author-bar{position:relative;top:0;left:0;margin-bottom:20px}.author-info{width:100%;align-items:center;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.detect-note{font-size:1rem;color:#1e3a8a;background:#fff8e1;border-left:6px solid #facc15;border-radius:8px;padding:10px 15px;margin-bottom:20px;max-width:750px;text-align:center;box-shadow:0 2px 6px #0000000d;font-weight:500}.detect-note.top-note{margin-top:30px}@media (max-width: 600px){.detect-note{font-size:.9rem;padding:8px 10px;margin:15px 10px}}.district-container{background:linear-gradient(145deg,#eef2ff,#f9fafb);min-height:100vh;padding:25px 20px 60px;font-family:Poppins,Arial,sans-serif;color:#1f2937;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.back-btn{color:#4f46e5;font-weight:700;text-decoration:none;font-size:1rem;transition:.3s}.back-btn:hover{color:#4338ca}.lang-controls{display:flex;gap:10px;flex-wrap:wrap}.lang-controls button{background:#4f46e5;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s ease}.lang-controls button:hover{background:#4338ca;transform:translateY(-1px)}.speak-btn{background:#16a34a!important}.speak-btn:hover{background:#15803d!important}.lang-group{position:relative;display:flex;align-items:center;gap:5px}.hint-icon{cursor:pointer;font-size:1.4rem;margin-right:6px;animation:blinkGlow 1.5s infinite ease-in-out;transition:all .3s ease;position:relative}@keyframes blinkGlow{0%{opacity:1;text-shadow:0 0 6px #ffd700,0 0 12px #ffed4a}50%{opacity:.4;text-shadow:none}to{opacity:1;text-shadow:0 0 6px #ffd700,0 0 12px #ffed4a}}.hint-icon:hover{transform:scale(1.5);color:#6d28d9;text-shadow:0 0 10px #a78bfa,0 0 20px #8b5cf6}.hint-icon:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#4f46e5;color:#fff;font-size:.8rem;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s ease;box-shadow:0 2px 6px #0003}.hint-icon:hover:after{opacity:1;transform:translate(-50%) translateY(-3px)}.district-header h2{font-size:2rem;color:#1e3a8a;margin-top:20px;text-transform:uppercase}.district-header p{font-size:1rem;color:#475569;margin-top:5px}.month-controls{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:25px auto;gap:15px}.month-controls button{background:#4f46e5;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:.3s ease}.month-controls button:hover{background:#4338ca;transform:scale(1.05)}.month-controls button:disabled{background:#a5b4fc;cursor:not-allowed}.date-center{display:flex;flex-direction:column;align-items:center;gap:6px}.date-center h3{font-size:1.1rem;color:#1e3a8a;font-weight:600}.date-dropdown{padding:6px 10px;border-radius:8px;border:1px solid #ccc;font-size:.9rem;outline:none;cursor:pointer;transition:.3s}.date-dropdown:hover{border-color:#4f46e5;box-shadow:0 0 5px #4f46e54d}.chart-section{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:20px;margin-top:25px}.chart-section h3{font-size:1.1rem;margin-bottom:10px;color:#1e3a8a}.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.summary{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:25px}.summary-item{width:220px;padding:20px;border-radius:12px;background:#fff;text-align:center;box-shadow:0 3px 10px #0000001a;transition:.3s ease}.summary-item:hover{transform:translateY(-5px);box-shadow:0 5px 14px #00000026}.summary-item .icon{font-size:2.5rem;margin-bottom:8px}.summary-item h3{font-size:1.4rem;color:#111827}.summary-item p{color:#4b5563;font-size:.95rem}.summary-item.blue{border-top:5px solid #60a5fa}.summary-item.green{border-top:5px solid #34d399}.summary-item.yellow{border-top:5px solid #fbbf24}.explain-box{background:#e0e7ff;border-radius:10px;padding:20px;max-width:750px;margin:30px auto;box-shadow:0 3px 8px #0000000d}.explain-box h4{color:#1e3a8a;font-weight:600;margin-bottom:8px}.explain-box p{font-size:1rem;line-height:1.6;color:#1f2937}.loading{text-align:center;font-size:1.3rem;color:#4f46e5;margin-top:100px}@media (max-width: 768px){.district-header h2{font-size:1.6rem}.summary-item{width:90%}.chart-section{padding:10px}.month-controls{flex-direction:row;justify-content:space-between}.date-dropdown{font-size:.85rem}.hint-icon:hover{transform:scale(1.2)}.hint-icon:after{display:none}.chart-scroll{overflow-x:scroll}}@media (max-width: 480px){.district-container{padding:15px}.back-btn{font-size:.9rem}.month-controls{flex-direction:row;gap:5px}.month-controls button{padding:8px 12px;font-size:1rem}.date-center h3{font-size:1rem}}:root{--bg:#f6f7fb;--card:#ffffff;--accent:#4F46E5;--muted:#6b7280;--success:#16a34a;--danger:#dc2626;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:#111}.home-root{max-width:900px;margin:24px auto;padding:16px}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:28px;margin:0;color:var(--accent)}.controls{display:flex;gap:8px}.btn{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.btn.small{padding:6px 10px;font-size:14px;border-radius:7px}.btn.green{background:#059669}.btn.link{background:transparent;color:var(--accent);border:1px solid transparent}.search-row{display:flex;gap:8px;margin-top:16px}.search-input{flex:1;padding:12px;border-radius:8px;border:1px solid #e5e7eb;font-size:16px}.search-btn{min-width:110px}.results-card{margin-top:16px;background:var(--card);border-radius:12px;box-shadow:0 6px 18px #0f172a0f;overflow:hidden}.result{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer}.result:hover{background:#f8fafc}.r-name{font-weight:700}.r-sub{color:var(--muted);font-size:13px}.center{text-align:center;padding:28px;color:var(--muted)}.muted{color:#9ca3af}.district-root{max-width:900px;margin:20px auto;padding:16px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.district-title{font-size:28px;margin:0 0 12px;color:var(--accent)}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f}.summary-row{display:flex;gap:12px;flex-wrap:wrap}.metric{flex:1;min-width:150px;padding:12px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);text-align:center}.metric-icon{font-size:28px}.metric-value{font-size:20px;font-weight:800;margin-top:6px}.metric-label{color:var(--muted);margin-top:6px}.trend-block{margin-top:18px}.trend-note{margin-top:8px;font-weight:700}.trend-note.up{color:var(--success)}.trend-note.down{color:var(--danger)}.actions-row{margin-top:16px;display:flex;gap:8px}.large{font-size:18px;padding:28px}.error{color:var(--danger)}