:root{--primary-color: #0ea5e9;--primary-dark: #0284c7;--danger-color: #ef4444;--bg-color: #f8fafc;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;padding-bottom:80px}.container{max-width:600px;margin:0 auto;padding:1rem}.header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow);transition:transform .2s}.card:active{transform:scale(.99)}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;border:none;cursor:pointer;width:100%;text-align:center}.btn-danger{background-color:var(--danger-color)}.input{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:var(--border-radius);margin-bottom:1rem;font-size:1rem}.station-item{display:flex;justify-content:space-between;align-items:center}.station-name{font-weight:600}.station-meta{font-size:.875rem;color:var(--text-secondary)}.level-indicator{font-size:1.25rem;font-weight:700}.rising{color:var(--danger-color)}.alarm-active{animation:pulse-red 1s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.controls{position:sticky;bottom:0;background:#fff;padding:1rem;border-top:1px solid #e2e8f0;z-index:100}