*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{max-width:820px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.header{text-align:center}.header h1{font-size:1.75rem;font-weight:700;color:#fbbf24}.header-subtitle{font-size:.85rem;color:#94a3b8;margin-top:4px}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px 12px}.section-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:16px}.date-selector{display:flex;align-items:center;gap:10px;justify-content:center}.date-selector label{font-size:.9rem;color:#94a3b8}.date-selector input{padding:8px 12px;border:1px solid #475569;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:.9rem}.current-price-card{text-align:center}.current-price-na{color:#94a3b8;font-size:.95rem}.current-price-main{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.current-price-label{font-size:.9rem;color:#94a3b8;width:100%;margin-bottom:4px}.current-price-value{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums}.current-price-unit{font-size:1rem;color:#94a3b8}.current-price-badge{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;text-transform:uppercase}.badge-low{background:#166534;color:#86efac}.badge-medium{background:#854d0e;color:#fde047}.badge-high{background:#991b1b;color:#fca5a5}.level-low .current-price-value{color:#4ade80}.level-medium .current-price-value{color:#fbbf24}.level-high .current-price-value{color:#f87171}.current-price-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:.8rem;color:#94a3b8}.current-price-stats span{white-space:nowrap}.stat-min{color:#4ade80;font-weight:600}.stat-max{color:#f87171;font-weight:600}.stat-avg{color:#fbbf24;font-weight:600}.text-red{color:#f87171}.text-green{color:#4ade80}.chart-tooltip{background:#1e293b;border:1px solid #475569;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.chart-tooltip strong{color:#f1f5f9;font-size:.85rem}.chart-tooltip span{color:#fbbf24;font-size:.85rem}.table-wrapper{overflow-x:auto}.price-table{width:100%;border-collapse:collapse;font-size:.9rem}.price-table th{text-align:left;padding:8px 12px;border-bottom:2px solid #334155;color:#94a3b8;font-weight:600;font-size:.8rem;text-transform:uppercase}.price-table td{padding:8px 12px;border-bottom:1px solid #1e293b}.price-table tbody tr:hover{background:#0f172a40}.text-right{text-align:right}.row-now{outline:2px solid #fbbf24;outline-offset:-2px;border-radius:4px}.row-low td:first-child{border-left:3px solid #4ade80}.row-medium td:first-child{border-left:3px solid #fbbf24}.row-high td:first-child{border-left:3px solid #f87171}.period-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px}.period-low{background:#166534;color:#86efac}.period-medium{background:#854d0e;color:#fde047}.period-high{background:#991b1b;color:#fca5a5}.loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#94a3b8}.spinner{width:20px;height:20px;border:3px solid #334155;border-top:3px solid #fbbf24;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;padding:12px 16px;color:#fca5a5;text-align:center}.footer{text-align:center;font-size:.75rem;color:#475569;padding:16px 0}.footer a{color:#60a5fa;text-decoration:none}.footer a:hover{text-decoration:underline}