:root{--bg:#070b10;--bg-soft:#0b1118;--card:#0e151d;--card-hover:#19212a;--card-active:#1b232b;--tag:#1b232b;--sidebar-link-hover:#0f141b;--sidebar-link-active:#1b232b;--border:#26313d;--border-soft:#1a232d;--border-hover:#2c3845;--border-active:#2f4050;--text:#f4f6fb;--text-dim:#cbd0db;--muted:#a7b0bd;--muted-dark:#737d8c;--muted-dark2:#4d5768;--text-song:#f4f6fb;--text-artist:#a855f7;--lyrics-original:#f4f6fb;--lyrics-romanized:#a7b0bd;--lyrics-english:#7f8794;--lyrics-open-indicator:#7e22ce;--explanation-header:#7e48b1;--explanation-text:#91949b;--info-reference-link:rgba(128,90,213,.8);--info-reference-target:rgba(128,120,145,.18);--test-highlighted-word:#6b21a8;--purple:#a855f7;--purple-bright:#c084fc;--purple-bright2:#d8b4fe;--purple-dim:#7e22ce;--purple-dim2:#6b21a8;--purple-soft:rgba(168,85,247,.16);--radius-lg:14px;--radius-md:10px;--radius-sm:6px;--header-height:82px}
*{box-sizing:border-box}html{scrollbar-gutter:stable;scrollbar-color:#9f9f9f var(--bg);scrollbar-width:thin;overflow-y:scroll}::-webkit-scrollbar{background:#9f9f9f}::-webkit-scrollbar-track{background:var(--bg)}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{overflow-x:hidden}#__next{background:var(--bg);min-height:100dvh}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{min-height:100vh;background:var(--bg);min-height:100dvh;padding-top:var(--header-height);max-width:2560px;margin:0 auto}.app-body{min-height:calc(100vh - var(--header-height));background:var(--bg);display:flex}.app-main-column{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{flex:1;min-width:0;transition:width .18s}.left-sidebar{background:var(--bg);width:0;top:var(--header-height);height:calc(100vh - var(--header-height));scrollbar-color:#9f9f9f var(--bg);scrollbar-width:thin;border-right:1px solid transparent;flex:0 0 0;align-self:flex-start;position:-webkit-sticky;position:sticky;overflow-x:hidden;overflow-y:auto}.left-sidebar.open{border-right-color:var(--border-soft);flex-basis:240px;width:240px}.sidebar-nav{flex-direction:column;width:240px;padding:16px;display:flex}.sidebar-link{height:42px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:.95rem;display:flex}.sidebar-link:hover{color:var(--text-dim);background:var(--sidebar-link-hover)}.sidebar-link.active{color:var(--text);background:var(--sidebar-link-active)}.sidebar-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.sidebar-icon{text-align:center;width:22px;font-size:1rem;transform:translateY(-1px)}.site-header{height:var(--header-height);border-bottom:1px solid var(--border-soft);background:var(--bg);z-index:1000;grid-template-columns:44px 212px minmax(260px,1fr) 92px;align-items:center;max-width:2560px;margin:0 auto;padding:0 24px;display:grid;position:fixed;top:0;left:0;right:0}.menu-button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex;transform:translateY(-1px)}.menu-button:hover{color:var(--text)}.menu-button:active{color:var(--muted)}.brand{justify-self:start;align-items:center;width:-moz-fit-content;width:fit-content;padding:10px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2rem;display:inline-flex}.brand-icon{display:none}.search-wrap{background:#15191f;border-radius:999px;align-items:center;gap:10px;width:100%;height:48px;padding:0 18px;display:flex}.search-icon{color:var(--muted)}.search-input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:1rem}.search-input::placeholder{color:var(--muted-dark)}.search-input::-webkit-search-decoration{display:none}.search-input::-webkit-search-cancel-button{display:none}.search-input::-webkit-search-results-button{display:none}.search-input::-webkit-search-results-decoration{display:none}.header-actions{justify-content:flex-end;justify-self:end;align-items:center;display:flex}.settings-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}.settings-button:hover{color:var(--text)}.settings-button:active{color:var(--muted)}.content{padding:16px 16px 48px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-heading h1{margin:0;font-size:1.75rem;font-weight:300;line-height:1.1}.section-heading p{color:var(--muted);margin:8px 0 0}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.song-card{border-radius:var(--radius-md);background:var(--card);border:none;grid-template-columns:140px minmax(0,1fr);gap:16px;max-height:224px;padding:12px;display:grid}.song-card:hover{border-color:var(--border);background:var(--card-hover)}.song-cover{object-fit:cover;background:#111827;border-radius:8px;width:100%;height:168px}.song-info{flex-direction:column;min-width:0;display:flex}.song-info h2{color:var(--text-song);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 2px;font-size:1.15rem;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}.artist{color:var(--text-artist);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:400;display:-webkit-box;overflow:hidden}.lyrics-preview{color:#91949b;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:10px 0 0;font-size:.92rem;display:-webkit-box;overflow:hidden}.song-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.song-tags span{max-width:100%;color:var(--purple);background:var(--purple-soft);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:4px 10px;font-size:.78rem;overflow:hidden}.empty-state{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);text-align:center;padding:48px 24px}.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.page-label{color:var(--muted);margin-right:8px}.pagination button{border:1px solid var(--border-soft);background:var(--card);min-width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 14px}.pagination button:hover:not(:disabled),.pagination button.active{border-color:var(--border);color:var(--text);background:var(--card-active)}.pagination button:disabled{cursor:not-allowed;opacity:.45}.page-numbers{align-items:center;gap:8px;display:flex}.page-number-wrap{align-items:center;gap:8px;display:inline-flex}.dots{color:var(--muted)}.main-body-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.main-body-heading>div{min-width:0}.main-body-heading h1{margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:400}.main-body-heading p{color:var(--muted);margin:4px 0 0}.bookmarks-count{color:var(--muted);font-size:.95rem}.bookmark-card-title-row{grid-template-columns:minmax(0,1fr) 18px;align-items:start;display:grid}.bookmark-remove-button{width:20px;height:20px;color:var(--muted-dark);cursor:pointer;background:0 0;border:0;font-size:.8rem;line-height:1}.bookmark-remove-button:hover{color:var(--text-dim)}.history-clear-button{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--card);height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:0 10px}.history-clear-button:hover{border-color:var(--border-hover);background:var(--card-hover);color:var(--text)}@media (max-width:1500px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.song-cover{height:160px}.song-info h2{font-size:1.14rem}.artist,.lyrics-preview{font-size:.91rem}}@media (max-width:1200px){.site-header{grid-template-columns:44px 178px 1fr 68px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-cover{height:156px}.song-info h2{margin-bottom:0;font-size:1.13rem}.artist{font-size:.9rem}.lyrics-preview{margin-top:8px;font-size:.9rem}}@media (max-width:720px){.page{padding-top:calc(var(--header-height) - 8px)}.site-header{height:calc(var(--header-height) - 8px);grid-template-columns:38px 56px 1fr 50px;padding:0 16px}.brand{display:none}.brand-icon{margin:8px;padding:2px;display:block;transform:translateY(1px)}.search-wrap{gap:8px}.search-icon{font-size:.9rem;transform:translateY(1px)}.search-input{font-size:.95rem}.settings-button{width:36px;height:36px}.app-body{overflow-x:hidden}.app-main-column{width:100%;min-width:100%}.app-body.sidebar-open .app-main-column{transform:translate(200px)}.left-sidebar{top:calc(var(--header-height) - 8px);z-index:900;border-right-color:var(--border-soft);flex-basis:0;width:200px;position:fixed;bottom:0;left:0;transform:translate(-100%)}.left-sidebar.open{flex-basis:0;width:200px;transform:translate(0)}.sidebar-nav{gap:6px;width:200px;padding:12px}.content{padding:12px 12px 40px}.song-grid{grid-template-columns:1fr;gap:12px}.song-card{grid-template-columns:112px minmax(0,1fr)}.song-cover{height:132px}.song-info h2{font-size:1.12rem}.artist,.lyrics-preview{font-size:.89rem}.pagination{flex-wrap:wrap}.page-label{text-align:center;width:100%;margin-right:0}}@media (max-width:400px){.search-icon{font-size:.8rem;transform:translateY(2px)}.search-wrap{gap:6px;padding:0 14px}.search-input{font-size:.9rem}.song-info h2{font-size:1.11rem}.artist{font-size:.88rem}.lyrics-preview{-webkit-line-clamp:2;font-size:.88rem}}
.song-page-content{padding:16px}.song-detail-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.song-detail-main,.suggestion-card{border-radius:var(--radius-lg);background:var(--card)}.song-detail-main{overflow:hidden}.song-hero{grid-template-columns:220px minmax(0,1fr);gap:20px;padding:20px;display:grid}.song-hero-cover{object-fit:cover;border-radius:var(--radius-md);background:#111827;width:220px;height:220px}.song-hero-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.song-hero-info h1{color:var(--text-song);margin:0;font-size:3.2rem;font-weight:400;line-height:1.05}.song-hero-info p{color:var(--text-artist);margin:4px 0 0;font-size:1.35rem}.detail-tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.detail-tags span{color:var(--muted);background:var(--tag);border-radius:8px;padding:6px 14px;font-size:.88rem}.detail-tags .status-incomplete{color:#facc15;background:rgba(250,204,21,.12)}.lyrics-incomplete-notice{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg);color:var(--muted);margin:0 10px 12px;padding:10px 12px;font-size:.9rem}.detail-tags .status-translation-incomplete{color:#fb923c;background:rgba(251,146,60,.12)}.detail-tags .status-explanations-incomplete{color:#facc15;background:rgba(250,204,21,.12)}.explanation-coming-soon{border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--muted);margin:2px 10px 0;padding:10px 12px;font-size:.9rem}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.detail-actions button{border:1px solid var(--border);height:38px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:0 15px}.detail-actions button:hover{border-color:var(--border-hover);background:var(--card-hover)}.detail-actions button.active{background:var(--purple-dim2);border:none}.detail-actions button.copied{background:var(--purple-dim2);color:var(--text-dim);border:none}.detail-actions .action-label{vertical-align:middle;display:inline-block;transform:translateY(-3px)}.detail-actions .action-bookmark-icon,.detail-actions .action-link-icon{font-size:.8rem;transform:translateY(-2px)translate(-2px)}.tab-panel{display:none}.tab-panel.active{display:block}.detail-tabs{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(3,1fr);display:grid}.detail-tabs button{border:0;border-right:1px solid var(--border-soft);height:52px;color:var(--muted);cursor:pointer;background:0 0;font-size:1rem}.detail-tabs button:hover{background:var(--card-hover);color:var(--text-dim)}.detail-tabs button:last-child{border-right:0}.detail-tabs button.active{color:var(--purple);box-shadow:inset 0 -2px 0 var(--purple);background:var(--purple-soft)}.detail-panel{padding:10px}.lyrics-panel{flex-direction:column;display:flex}.lyrics-panel-actions{justify-content:center;gap:8px;margin-bottom:4px;padding:0 10px 8px;display:flex}.lyrics-toggle-all-button{border:1px solid var(--border-soft);width:320px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;font-size:.88rem}.lyrics-toggle-all-button.close{background:0 0}@media (hover:hover) and (pointer:fine){.lyrics-toggle-all-button:hover:not(:disabled){border-color:var(--border-hover);background:var(--card-hover);color:var(--text-dim)}}.lyrics-toggle-all-button:disabled{opacity:.45;cursor:default}.detail-divider{border:0;border-top:1px solid var(--border-soft);width:100%;margin-top:8px;margin-bottom:12px}.lyrics-block{flex-direction:column;margin-top:4px;margin-bottom:4px;display:flex}.lyrics-block.open{box-shadow:inset 1px 0 0 0 var(--lyrics-open-indicator);margin-bottom:16px}.lyrics-block:first-child{margin-top:0}.lyrics-block:last-child{margin-bottom:0}.lyrics-line{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;width:100%;margin-bottom:4px;margin-left:4px;margin-right:4px;padding:0 6px}@media (hover:hover) and (pointer:fine){.lyrics-line:hover{background:rgba(255,255,255,.035)}}.lyrics-line span{display:block}.lyrics-line .original{color:var(--lyrics-original);font-size:1.08rem;line-height:1.4}.lyrics-line .romanized{color:var(--lyrics-romanized);margin-top:2px;font-size:.95rem;line-height:1.4}.lyrics-line .english{color:var(--lyrics-english);margin-top:2px;font-size:.95rem;line-height:1.4}.explanation-table-wrapper{border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin:2px 10px 0;overflow-x:auto}.explanation-table{border-collapse:collapse;width:100%;font-size:.92rem}.explanation-table th,.explanation-table td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);text-align:left;padding:6px 10px}.explanation-table th{color:var(--explanation-header);font-weight:500}.explanation-table td{color:var(--explanation-text)}.explanation-table th:last-child,td:last-child{border-right:0}.explanation-table tr:last-child td{border-bottom:0}.plain-lyrics{white-space:pre-wrap;color:var(--text);margin:0}.info-panel{gap:12px}.info-card{margin-bottom:6px;padding:4px 10px}.info-card h3{color:var(--text);margin:0 0 6px;font-size:1.2rem;font-weight:500}.info-card p{color:var(--muted);white-space:pre-line;margin:0;line-height:1.6}.info-list{color:var(--muted);margin:0;padding-left:25px}.info-image-container{color:var(--muted)}.info-image-link{color:var(--info-reference-link);text-decoration:underline}.info-image-link:hover{color:var(--purple-bright)}.info-reference-list{color:var(--muted);margin:0;padding-left:20px}.info-reference-list li{margin-bottom:4px}.info-reference-list a{color:var(--info-reference-link);text-decoration:underline}.info-reference-list a:hover{color:var(--purple-bright)}.citation{font-size:.75em;line-height:0}.citation a{color:var(--info-reference-link);text-decoration:none}.citation a:hover{color:var(--purple-bright);text-decoration:underline}.info-reference-list li{scroll-margin-top:calc(var(--header-height) + 20px)}.info-reference-list li:target{background:var(--info-reference-target);border-radius:2px;padding:0 4px}.test-panel h2{margin:0 0 8px}.test-panel>p{color:var(--muted);margin:0 0 18px}.lt-test{padding:4px 10px}.lt-test-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.lt-test-label{color:var(--purple);margin:0 0 6px;font-size:.85rem}.lt-test-header h3{color:var(--text);margin:0;font-size:1.2rem;font-weight:500}.lt-question-line{border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:18px;font-size:1.35rem;line-height:1.6}.lt-highlight{color:var(--text);background:var(--test-highlighted-word);border-radius:6px;padding:0 4px}.lt-hints{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.lt-hint-box{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--card);padding:12px}.lt-hint-box-header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.88rem;display:flex}.lt-hint-box-header button{color:var(--purple-dim);cursor:pointer;background:0 0;border:0}.lt-hint-box-header button:hover{color:var(--purple-bright)}.lt-hint-box p{color:var(--muted);margin:0;line-height:1.5}.lt-hidden-hint{color:var(--muted-dark)!important}.lt-hint-toggles{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:.9rem;display:flex}.lt-hint-toggles label{align-items:center;gap:8px;display:inline-flex}.lt-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.lt-option{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--card);min-height:46px;color:var(--text-dim);text-align:left;cursor:pointer;padding:10px 14px}.lt-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--card-hover)}.lt-option.correct{color:#86efac;background:rgba(34,197,94,.12);border-color:#22c55e}.lt-option.wrong{color:#fca5a5;background:rgba(239,68,68,.12);border-color:#ef4444}.lt-option:disabled{cursor:default}.lt-result{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.lt-result p{margin:0}.lt-result .correct{color:#86efac}.lt-result .wrong{color:#fca5a5}.lt-next-btn{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--card);height:38px;color:var(--text);cursor:pointer;padding:0 14px}.lt-next-btn:hover{border-color:var(--border-hover);background:var(--card-hover)}.lt-test-empty{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.016);padding:18px}.lt-test-empty h2{margin:0 0 8px}.lt-test-empty p{color:var(--muted);margin:0}.test-card-placeholder{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.016);padding:20px}.test-label{color:var(--purple);margin:0 0 8px;font-size:.85rem}.test-card-placeholder h3{margin:0 0 8px}.test-card-placeholder p{color:var(--muted);margin:0}.song-sidebar{scrollbar-color:#9f9f9f var(--bg);scrollbar-width:thin;flex-direction:column;gap:16px;display:flex}.youtube-card{border-radius:var(--radius-lg);background:var(--card);padding:12px}.youtube-card h2{margin:0 6px 6px;font-size:1.05rem;font-weight:500}.youtube-frame{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;margin-top:12px;position:relative;overflow:hidden}.youtube-frame iframe{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.suggestion-card{padding:12px}.suggestion-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 6px 6px;display:flex}.suggestion-heading h2{margin:0;font-size:1.05rem;font-weight:500}.suggestion-heading a{color:var(--purple);font-size:.9rem}.suggestion-list{flex-direction:column;display:flex}.suggestion-item{border-radius:var(--radius-md);grid-template-columns:64px minmax(0,1fr);gap:16px;margin-bottom:2px;padding:6px 0;display:grid}.suggestion-item:hover{background:var(--card-hover)}.suggestion-item:last-child{margin-bottom:0}.suggestion-item img{object-fit:cover;background:#111827;border-radius:8px;width:64px;height:64px;margin-left:6px}.suggestion-item h3{color:var(--text-song);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.98rem;font-weight:400;display:-webkit-box;overflow:hidden}.suggestion-item p{color:var(--text-artist);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:1px 0 2px;font-size:.88rem;display:-webkit-box;overflow:hidden}.suggestion-item span{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}@media (min-width:1201px){.song-page-content{height:calc(100vh - var(--header-height));overflow:hidden}.song-detail-layout{height:100%;min-height:0}.song-detail-main{scrollbar-color:#9f9f9f var(--card);scrollbar-width:thin;height:100%;min-height:0;overflow-y:scroll}.detail-panel{overflow:visible}.detail-tabs{z-index:5;background:var(--card);position:-webkit-sticky;position:sticky;top:0}.song-sidebar{max-height:calc(100vh - var(--header-height) - 32px);align-self:start;overflow-y:scroll}}@media (max-width:1200px){.song-detail-layout{grid-template-columns:1fr}.song-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:720px){.song-page-content{padding:16px}.song-hero{grid-template-columns:1fr;gap:12px}.song-hero-cover{aspect-ratio:1;width:100%;height:auto}.lyrics-panel-actions{grid-template-columns:1fr 1fr;padding:0 10px 8px;display:grid}.lyrics-toggle-all-button{width:100%}.info-panel{grid-template-columns:1fr}.info-card.wide{grid-column:span 1}.song-sidebar{grid-template-columns:1fr}.lt-test-header,.lt-result{flex-direction:column;align-items:stretch}.lt-hints,.lt-options{grid-template-columns:1fr}}
.settings-panel[hidden]{display:none}.settings-panel-inner{border-radius:var(--radius-lg);background:var(--card);padding:16px}.settings-panel-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.settings-panel-title{margin-left:2px}.settings-panel-header h2{margin:0;font-size:1.3rem;font-weight:400}.settings-panel-header p{color:var(--muted);margin:4px 0 0;font-size:.92rem}.settings-reset-button{border:1px solid var(--border);border-radius:var(--radius-md);height:36px;color:var(--muted);cursor:pointer;background:0 0;padding:0 14px}.settings-reset-button:hover{background:var(--card-hover);color:var(--text)}.settings-reset-button:active{color:var(--muted);background:0 0}.settings-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-colour-control{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex;overflow:hidden}.settings-colour-main{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.settings-colour-text{min-width:0}.settings-colour-label{color:var(--text-dim);margin-bottom:4px;font-size:.9rem;display:block}.settings-colour-sample{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.settings-colour-control input[type=color]{cursor:pointer;background:0 0;border:none;width:38px;height:38px;padding:0}.settings-row-actions{border-top:1px solid var(--border-soft);grid-template-columns:repeat(3,1fr);display:grid}.settings-row-action{border:none;border-right:1px solid var(--border-soft);height:32px;color:var(--muted);cursor:pointer;background:0 0;font-size:.88rem}.settings-row-action:last-child{border-right:none}.settings-row-action:hover:not(:disabled){color:var(--text)}.settings-row-action:active:not(:disabled){color:var(--muted)}.settings-row-action:disabled{color:var(--muted-dark2);opacity:.45;cursor:not-allowed}.settings-row-action.save-button:not(:disabled){color:var(--text-white);text-shadow:0 0 10px rgba(255,255,255,.4)}.settings-row-action.save-button:hover:not(:disabled){color:#fff;text-shadow:0 0 10px #fff}.settings-button.active{color:var(--text)}.settings-preview-section{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:16px}.settings-preview-header{margin-bottom:10px}.settings-preview-header h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:500}.settings-preview-header p{color:var(--muted);margin:4px 0 0;font-size:.92rem}.settings-preview-card{border-radius:var(--radius-md)}.settings-preview-lyrics-block{flex-direction:column;margin-top:6px;margin-bottom:6px;padding-left:10px;display:flex}.settings-preview-lyrics-block.with-explanation{box-shadow:inset 1px 0 0 0 var(--lyrics-open-indicator);margin-bottom:16px}.settings-preview-lyrics-block:first-child{margin-top:0}.settings-preview-lyrics-block:last-child{margin-bottom:0}.settings-preview-lyrics-line{margin-bottom:6px;padding:0 6px}.settings-preview-lyrics-line span{display:block}.settings-preview-original{color:var(--lyrics-original);font-size:1.08rem;line-height:1.4}.settings-preview-romanized{color:var(--lyrics-romanized);margin-top:2px;font-size:.95rem;line-height:1.4}.settings-preview-english{color:var(--lyrics-english);margin-top:2px;font-size:.95rem;line-height:1.4}.settings-preview-table-wrapper{border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin:2px 16px 0 6px;overflow-x:auto}.settings-preview-table{border-collapse:collapse;width:100%;font-size:.92rem}.settings-preview-table th,.settings-preview-table td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);text-align:left;padding:6px 10px}.settings-preview-table th{color:var(--explanation-header);font-weight:500}.settings-preview-table td{color:var(--explanation-text)}.settings-preview-table th:last-child,.settings-preview-table td:last-child{border-right:0}.settings-preview-table tr:last-child td{border-bottom:0}@media (max-width:1200px){.settings-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.settings-panel-header{flex-direction:column;align-items:stretch}.settings-colour-grid{grid-template-columns:1fr}.settings-preview-card{padding:10px}.settings-preview-table-wrapper{margin-right:0}.settings-preview-table{font-size:.88rem}.settings-preview-table th,.settings-preview-table td{padding:8px}}