:root{--bg: #1a1a1a;--surface: #242424;--surface-light: #2e2e2e;--text: #e0e0e0;--text-dim: #888888;--accent: #8ab4f8;--accent-strong: #4a7bc8;--accent-hover: #5b9cf5;--border: #3a3a3a;--error: #e74c3c;--chart-temp: #e07b4f;--chart-humidity: #8ab4f8;--chart-pressure: #8ab36d;--chart-grid: rgba(255, 255, 255, .05);--radius: 8px;--font: system-ui, -apple-system, sans-serif}:root[data-theme=light]{--bg: #ffffff;--surface: #f6f7f8;--surface-light: #ececee;--text: #1f1f1f;--text-dim: #6b6b6b;--accent: #1967d2;--accent-strong: #1a73e8;--accent-hover: #174ea6;--border: #d6d8da;--error: #c5221f;--chart-temp: #c2410c;--chart-humidity: #1d4ed8;--chart-pressure: #4d7c0f;--chart-grid: rgba(0, 0, 0, .07)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;padding:1rem;max-width:960px;margin:0 auto}h1{font-size:1.8rem;margin-bottom:.25rem}h2{font-size:1.3rem;margin-bottom:.5rem}h3{font-size:1.1rem;margin-bottom:.25rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}textarea{display:block;width:100%;max-width:100%;height:200px;font-family:monospace;font-size:.9rem;padding:.5rem;background-color:var(--surface-light);color:var(--text);border:1px solid var(--border);border-radius:4px;resize:vertical}@media (min-width: 640px){textarea{height:40vh}}input[type=radio]{margin-right:.25rem}.cell-type-group{margin-bottom:0}.cell-type-group label.btn{display:inline-flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.cell-type-group input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.btn-group{display:inline-flex;gap:0;margin-bottom:.5rem}.btn{padding:.35rem .75rem;font-size:.85rem;font-family:var(--font);background-color:var(--surface-light);color:var(--text-dim);border:1px solid var(--border);cursor:pointer}.btn:first-child{border-radius:4px 0 0 4px}.btn:last-child{border-radius:0 4px 4px 0}.btn.active{background-color:var(--accent-strong);color:#fff}.chart-container{position:relative;width:100%;height:350px}.top-section{display:flex;flex-direction:column;gap:0}.links-column,.readings-column{flex:1}@media (min-width: 768px){.top-section{flex-direction:row;gap:1rem;align-items:stretch;margin-bottom:1rem}.links-column,.readings-column{display:flex;flex-direction:column;gap:1rem}.links-column .card,.readings-column .card{margin-bottom:0}.links-column .card:last-child{flex:1}}@media (max-width: 640px){.chart-container{height:220px}}.apps-list a{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.app-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.card-desc{color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}.reading-main{display:flex;flex-direction:column;gap:.15rem}.reading-value{font-size:2rem;font-weight:700;color:var(--text)}.reading-sub{font-size:.9rem;color:var(--text-dim)}.reading-secondary{font-size:1.2rem;font-weight:600;color:var(--text)}.loading{color:var(--text-dim);font-style:italic}.error{color:var(--error);font-style:italic}.subtitle{color:var(--text-dim);font-style:italic;margin-bottom:1rem}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.locale-toggle{display:inline-flex;gap:0;flex-shrink:0}.locale-btn{padding:.25rem .5rem;font-size:.8rem;font-family:var(--font);background-color:var(--surface-light);color:var(--text-dim);border:1px solid var(--border);cursor:pointer}.locale-btn:first-child{border-radius:4px 0 0 4px}.locale-btn:last-child{border-radius:0 4px 4px 0}.locale-btn.active{background-color:var(--accent-strong);color:#fff}.header-actions{display:inline-flex;align-items:flex-start;gap:.5rem}.theme-toggle{position:relative}.theme-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;line-height:0;font-family:var(--font);background-color:var(--surface-light);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;cursor:pointer}.theme-btn svg,.theme-option svg{width:16px;height:16px;flex-shrink:0}.theme-menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:10;min-width:8rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;box-shadow:0 4px 12px #0000004d}.theme-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;font-size:.85rem;font-family:var(--font);background:none;color:var(--text);border:none;border-radius:4px;cursor:pointer;text-align:left}.theme-option:hover{background-color:var(--surface-light)}.theme-option.active{color:var(--accent)}