:root{--bg: #fafafa;--fg: #1a1a1a;--muted: #6b7280;--card-bg: #ffffff;--border: #e5e7eb;--accent: #2563eb;--warn: #dc2626;--chip-bg: #eef2ff;--track-bg: #e5e7eb;--my-range-bg: #d1fae5;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #121212;--fg: #f2f2f2;--muted: #9ca3af;--card-bg: #1e1e1e;--border: #333333;--accent: #60a5fa;--warn: #f87171;--chip-bg: #1e293b;--track-bg: #333333;--my-range-bg: #064e3b}}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);cursor:pointer}button:hover{border-color:var(--accent)}.link-btn{border:none;background:none;color:var(--accent);min-height:auto;padding:4px;text-decoration:underline}input,select,textarea{min-height:44px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--fg);width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}.checkbox-label{flex-direction:row;align-items:center;gap:8px}.checkbox-label input{width:auto;min-height:auto}.page{max-width:900px;margin:0 auto;padding:12px 16px 80px}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px 16px;background:var(--card-bg);border-bottom:1px solid var(--border)}.app-title{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--fg);white-space:nowrap}.app-title img{height:36px;width:auto;display:block}.app-nav{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.app-nav a{white-space:nowrap;text-decoration:none;padding:6px 16px;border-radius:999px;background:var(--chip-bg);color:var(--fg);font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.app-nav a:hover{background:var(--border)}.app-nav a.nav-active{background:var(--accent);color:#fff}.app-header .link-btn{white-space:nowrap}@media (max-width: 480px){.app-header{justify-content:space-between}.app-nav{order:3;flex-basis:100%;margin-left:0;justify-content:center}}.center-message{padding:40px 16px;text-align:center;color:var(--muted)}.error-text{color:var(--warn)}.info-text{color:var(--accent)}.hint-text{color:var(--muted);font-size:.85rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg)}.login-links{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.toolbar{position:sticky;top:49px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;background:var(--bg)}.search-box{flex:1 1 160px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--chip-bg);font-size:.8rem;color:var(--fg)}.chip-warn{background:#fee2e2;color:#991b1b}.chip-removable{border:none;min-height:32px;cursor:pointer}.badge-link{display:inline-block;margin-bottom:8px;padding:6px 12px;border-radius:8px;background:var(--chip-bg);text-decoration:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:30}.sheet{width:100%;max-height:80vh;overflow-y:auto;background:var(--card-bg);border-radius:16px 16px 0 0;padding:20px;display:flex;flex-direction:column;gap:12px}.sheet-actions{display:flex;justify-content:space-between}.scale-filter-row{display:flex;gap:8px}.scale-filter-row label{flex:1}.song-list{display:flex;flex-direction:column;gap:10px}.song-card{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);cursor:pointer}.song-card-row1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.song-title{font-size:1.05rem;font-weight:600}.song-stars{color:#f59e0b;font-size:.85rem;white-space:nowrap}.song-artist{color:var(--muted);font-size:.9rem;margin-bottom:6px}.song-range-partial{color:var(--muted);font-size:.9rem;margin:6px 0}.song-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.song-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.song-memo{white-space:pre-wrap}.song-meta{color:var(--muted);font-size:.8rem}.list-footer{color:var(--muted);font-size:.85rem;margin-top:12px}.range-bar-wrap{margin:8px 0}.range-bar-track{position:relative;height:10px;border-radius:6px;background:var(--track-bg);overflow:hidden}.range-bar-my{position:absolute;top:0;bottom:0;background:var(--my-range-bg)}.range-bar-seg{position:absolute;top:2px;bottom:2px;border-radius:4px}.range-bar-fit{background:var(--accent)}.range-bar-over{background:var(--warn)}.range-bar-unknown{background:var(--accent);opacity:.6}.range-bar-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:2px}.add-form,.login-card{display:flex;flex-direction:column;gap:14px}.pitch-input{display:flex;flex-direction:column;gap:6px}.pitch-input-controls{display:flex;gap:8px;align-items:center}.artist-picker{position:relative}.artist-suggestions{position:absolute;z-index:5;left:0;right:0;margin:2px 0 0;padding:4px;list-style:none;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto}.artist-suggestions li{padding:8px;border-radius:6px;cursor:pointer}.artist-suggestions li:hover{background:var(--chip-bg)}.artist-new{color:var(--accent)}.edit-page section{margin-top:28px;padding-top:16px;border-top:1px solid var(--border)}.table-scroll{overflow-x:auto;max-width:100%}.edit-table{border-collapse:collapse;width:100%;min-width:700px}.edit-table th,.edit-table td{border:1px solid var(--border);padding:4px 6px;font-size:.85rem}.edit-table input,.edit-table select{min-height:32px;padding:2px 6px}.pitch-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:220px}.pitch-cell input{width:60px}.pitch-hint{width:100%;color:var(--muted);font-size:.75rem}.row-focused{outline:3px solid var(--accent)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.inline-form input,.inline-form select{width:auto;min-width:160px}.tab-row{display:flex;gap:4px;margin-bottom:8px}.tab-row button{flex:1;border-radius:8px 8px 0 0;border-bottom:none;background:var(--chip-bg);color:var(--muted)}.tab-row button.tab-active{background:var(--card-bg);color:var(--fg);font-weight:600}.modal-sheet{max-height:90vh}.artist-multi-picker{display:flex;flex-direction:column;gap:6px}.artist-multi-row{display:flex;gap:6px;align-items:center}.artist-multi-row .artist-picker{flex:1}