:root{--bg: linear-gradient(160deg, #102542 0%, #0f1626 45%, #1a2f4f 100%);--panel: rgba(255, 255, 255, .08);--panel-solid: #17233a;--text: #f4f9ff;--muted: #b7c4d6;--accent: #f8b400;--danger: #e35d6a;--border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Avenir Next,sans-serif;color:var(--text);background:var(--bg)}.page{max-width:1200px;margin:0 auto;padding:24px}.authCard,.uploadPanel,.boardPanel,.soundCard{border:1px solid var(--border);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.authCard{max-width:520px;margin:96px auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar p{color:var(--muted)}.layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.uploadPanel,.boardPanel{padding:18px}.uploadPanel form{display:grid;gap:14px}label{display:grid;gap:6px;color:var(--muted)}input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--panel-solid);color:var(--text);padding:10px}.button{border:none;border-radius:12px;background:var(--accent);color:#1c2230;padding:10px 12px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}.button.secondary{background:#98a6b8}.button.danger{background:var(--danger);color:#fff}.boardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.soundCard{padding:12px;display:grid;gap:8px}.soundCard img,.fallback{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:cover;background:#ffffff0f;display:grid;place-items:center;color:var(--muted)}.actions{display:flex;gap:8px}.meta{margin:0;color:var(--muted);font-size:.9rem}.message{color:#ffe38a}.hint{color:var(--muted);margin:0}@media(max-width:920px){.layout{grid-template-columns:1fr}}