.setting-title-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px}.setting-title-row>span{min-width:0;color:#8a8a8a;font-size:calc(9px * var(--ui-font-scale));font-weight:800;line-height:1.15;letter-spacing:.05em}.setting-info-button{flex:0 0 auto;display:grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:transparent;color:#bdbdbd;font-family:Georgia,serif;font-size:11px;font-weight:700;line-height:1;box-shadow:none}.setting-info-button:active{border-color:var(--green);color:var(--green);transform:scale(.94)}
.settings-help-modal[hidden]{display:none}.settings-help-modal{position:fixed;z-index:1250;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.settings-help-backdrop{position:absolute;inset:0;border:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.settings-help-card{position:relative;width:min(640px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(145deg,#1a1a1a,#080808);box-shadow:0 24px 80px #000;outline:0}.settings-help-card>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #ffffff12}.settings-help-card>header small{display:block;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.15em}.settings-help-card h2{margin:2px 0 0;font-size:22px;letter-spacing:-.03em}.settings-help-card>header button{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0d;color:#fff}.settings-help-body{min-height:0;overflow:auto;padding:12px 16px 15px;-webkit-overflow-scrolling:touch}.settings-help-body>p{margin:0;color:#d0d0d0;font-size:12px;line-height:1.45}.settings-help-preview{display:flex;gap:9px;margin:12px 0;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}.settings-help-preview::-webkit-scrollbar{display:none}.settings-help-preview-item{flex:1 0 98px;max-width:145px;margin:0}.settings-help-preview-item figcaption{margin-top:5px;color:#aaa;font-size:9px;font-weight:800;text-align:center}.settings-help-device{position:relative;width:100%;aspect-ratio:1.75;overflow:hidden;border:1px solid #ffffff1f;border-radius:9px;background:linear-gradient(135deg,#302018,#090909 70%);box-shadow:inset 0 1px #ffffff10}.settings-help-device i{position:absolute;display:block}.preview-art{left:8%;top:17%;width:31%;aspect-ratio:1;border-radius:3px;background:linear-gradient(135deg,#d78b37,#5e2717);box-shadow:0 4px 9px #0008}.preview-copy{left:45%;right:8%;top:23%;height:22%;background:linear-gradient(#fff 0 30%,transparent 30% 55%,#888 55% 72%,transparent 72%);opacity:.86}.preview-progress{left:45%;right:8%;bottom:24%;height:2px;background:linear-gradient(90deg,var(--green) 0 58%,#ffffff2e 58%)}.preview-controls{left:45%;right:8%;bottom:8%;height:9%;background:radial-gradient(circle at 50%,#fff 0 10%,transparent 12%),radial-gradient(circle at 25%,#aaa 0 7%,transparent 9%),radial-gradient(circle at 75%,#aaa 0 7%,transparent 9%)}
.visual-vinyl .preview-art{border-radius:50%;box-shadow:inset 0 0 0 8px #111,0 4px 9px #000}.visual-dial::after{content:"";position:absolute;right:-13%;top:14%;width:48%;aspect-ratio:1;border:7px solid #111;border-radius:50%;background:#272727;box-shadow:0 0 0 1px #555}.visual-control-bar::after{content:"";position:absolute;right:12%;top:12%;width:7%;height:72%;border-radius:6px;background:linear-gradient(to top,var(--green) 0 55%,#353535 55%);box-shadow:0 0 0 3px #111}.visual-song-info .preview-copy{height:34%;background:linear-gradient(#fff 0 24%,transparent 24% 45%,#8b8b8b 45% 61%,transparent 61% 76%,#666 76% 88%,transparent 88%)}.visual-lyrics .preview-copy,.visual-lyric-scroll .preview-copy,.visual-lyric-karaoke .preview-copy,.visual-lyric-reveal .preview-copy,.visual-lyric-focus .preview-copy{top:14%;height:44%;background:repeating-linear-gradient(#777 0 3px,transparent 3px 9px)}.visual-lyrics .preview-copy::after,.visual-lyric-karaoke .preview-copy::after,.visual-lyric-focus .preview-copy::after{content:"";position:absolute;left:0;top:18px;width:62%;height:3px;background:var(--green)}.visual-lyric-word .preview-copy{top:30%;height:12%;border-radius:3px;background:var(--green)}.visual-lyric-reveal .preview-copy{clip-path:inset(0 42% 0 0)}.visual-artwork-bg{background:linear-gradient(135deg,#a4562c,#15100d 70%)}.visual-solid-bg{background:#38251d}.visual-progress-default .preview-progress{bottom:25%}.visual-progress-divider .preview-progress{left:0;right:0;bottom:18%;height:3px}.visual-weight-light .preview-progress{right:12%}.visual-weight-medium .preview-progress{right:28%}.visual-weight-heavy .preview-progress{right:44%}.visual-bar-opaque::after,.visual-bar-translucent::after,.visual-bar-transparent::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:#080808}.visual-bar-translucent::after{background:#080808a6;backdrop-filter:blur(3px)}.visual-bar-transparent::after{background:transparent;border-top:1px solid #ffffff26}.visual-lyric-solid .preview-copy{padding:6px;background:#53392d}.visual-lyric-clear .preview-copy{background:repeating-linear-gradient(#aaa 0 3px,transparent 3px 9px)}.visual-offset-earlier .preview-progress,.visual-offset-default .preview-progress,.visual-offset-later .preview-progress{left:10%;right:10%;bottom:22%;height:3px;background:#3b3b3b}.visual-offset-earlier .preview-progress::after,.visual-offset-default .preview-progress::after,.visual-offset-later .preview-progress::after{content:"";position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--green)}.visual-offset-earlier .preview-progress::after{left:8%}.visual-offset-default .preview-progress::after{left:48%}.visual-offset-later .preview-progress::after{left:87%}.visual-hints-shown::after{content:"SWIPE  •  PRESS";position:absolute;left:8%;right:8%;bottom:7%;color:#999;font-size:6px;text-align:center;letter-spacing:.08em}.visual-hints-hidden::after{content:""}.visual-fit-compact{transform:scale(.9)}.visual-fit-standard{transform:scale(.96)}.visual-fit-wide{aspect-ratio:2.05}.visual-text-small .preview-copy{transform:scale(.8);transform-origin:left top}.visual-text-large .preview-copy{transform:scale(1.18);transform-origin:left top}.settings-help-details{display:grid;gap:5px;margin:0;padding:0;list-style:none}.settings-help-details li{position:relative;padding-left:13px;color:#a5a5a5;font-size:10px;line-height:1.35}.settings-help-details li::before{content:"";position:absolute;left:0;top:.48em;width:5px;height:5px;border-radius:50%;background:var(--green)}.settings-help-current{display:block;margin-top:11px;padding-top:9px;border-top:1px solid #ffffff10;color:#777;font-size:9px}
@media(orientation:landscape) and (max-height:500px){.appearance-setting{grid-template-columns:68px minmax(0,1fr)!important}.settings-help-card{width:min(700px,calc(100vw - 44px));max-height:calc(100dvh - 18px)}.settings-help-card>header{padding:9px 13px 7px}.settings-help-card h2{font-size:18px}.settings-help-card>header button{width:30px;height:30px}.settings-help-body{padding:8px 13px 10px}.settings-help-body>p{font-size:10px}.settings-help-preview{margin:8px 0;gap:7px}.settings-help-preview-item{flex-basis:88px}.settings-help-details{grid-template-columns:1fr 1fr;gap:4px 15px}.settings-help-details li{font-size:8px}.settings-help-current{margin-top:7px;padding-top:6px;font-size:8px}.setting-title-row>span{font-size:calc(8px * var(--ui-font-scale))}.setting-info-button{width:15px;height:15px;font-size:9px}}
@media(orientation:portrait) and (max-width:760px){.appearance-setting{grid-template-columns:76px minmax(0,1fr)!important}.settings-help-card{max-height:calc(100dvh - 30px)}.settings-help-preview-item{flex-basis:110px}}
@media(hover:hover) and (pointer:fine){.setting-info-button:hover{border-color:var(--green);color:var(--green)}}