*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f7fa;--card: #ffffff;--text: #0f172a;--text-secondary: #64748b;--accent: #0369a1;--accent-light: #e0f2fe;--border: #e2e8f0;--star: #f59e0b;--star-empty: #d1d5db;--radius: 10px}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}header h1{font-size:18px;font-weight:700;letter-spacing:-.02em}.lang-switcher{display:flex;gap:2px;background:var(--border);border-radius:6px;padding:2px}.lang-switcher button{border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.lang-switcher button.active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #00000014}.meta-header{background:var(--card);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;border:1px solid var(--border)}.meta-row{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.meta-row+.meta-row{margin-top:6px}.spring-warning{margin-top:6px;font-size:12px;font-weight:600;color:#dc2626}.day-tabs{display:flex;gap:6px;margin-bottom:12px}.day-tab{flex:1;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 4px;cursor:pointer;text-align:center;transition:all .15s;position:relative}.day-tab.active{border-color:var(--accent);background:var(--accent-light)}.tab-label{display:block;font-size:13px;font-weight:700;color:var(--text)}.day-tab.active .tab-label{color:var(--accent)}.tab-date{display:block;font-size:11px;color:var(--text-secondary);margin-top:1px}.spot-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.spot-main{display:flex;align-items:center;gap:8px;font-size:14px}.spot-name{font-weight:600;min-width:80px;display:flex;align-items:center;gap:4px}.spot-score{font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--bg);padding:1px 6px;border-radius:4px;min-width:28px;text-align:center}.spot-wave{margin-left:auto;font-weight:600;color:var(--accent);font-size:14px}.spot-sub{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:12px;color:var(--text-secondary)}.golden-tag{font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:4px}.window-tag{font-size:11px;font-weight:500;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:4px}.live-badge{text-decoration:none;font-size:12px;color:var(--text-secondary);margin-left:auto}.live-badge:hover{color:var(--text)}.spot-warnings{display:flex;gap:6px;margin-top:6px}.warn-tag{font-size:11px;font-weight:600;color:#9a3412;background:#ffedd5;padding:2px 8px;border-radius:4px}.no-waves{text-align:center;padding:24px;color:var(--text-secondary);font-size:14px}.stars{color:var(--star);letter-spacing:-1px;font-size:13px}.loading{display:flex;justify-content:center;padding:48px;color:var(--text-secondary)}.spinner{color:var(--text-secondary)}.error{text-align:center;padding:48px;color:var(--text-secondary)}.error button{margin-top:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;padding:8px 20px;border-radius:6px;cursor:pointer}footer{text-align:center;padding:24px 0;font-size:12px;color:var(--text-secondary);opacity:.6}