/* The same 60% continuous curve is used by all rounded rectangular surfaces.
   SVG backgrounds avoid circular border-radius clipping and inset-shadow seams.
   Native geometry remains as a fallback until the first successful paint. */
.line,.word { --smooth-radius:var(--lyric-radius); --smooth-fill:none; --smooth-stroke:none; }
.line { --smooth-width:1; }
.line.active { --smooth-fill:var(--surface); }
.line.in-range { --smooth-fill:var(--surface); --smooth-stroke:#4a4a4a; }
.line.range-start,.line.range-end { --smooth-stroke:#6b6b6b; }
.line.draft-selected { --smooth-fill:#303030; --smooth-stroke:#9b9b9b; }
.word { --smooth-width:1.5; }
.word:active:not(:disabled) { --smooth-fill:#ffffff0c; }
.word.word-current { --smooth-fill:#3b3b3b; --smooth-stroke:#aaaaaa; }
.line-actions button { --smooth-radius:11; --smooth-fill:none; --smooth-stroke:none; }
.line-actions button[aria-pressed=true] { --smooth-fill:var(--fg); }
.library-entry { --smooth-radius:14; --smooth-fill:none; --smooth-stroke:none; }
.library-entry:active { --smooth-fill:var(--surface); }
.practice-bar button { --smooth-radius:18; --smooth-fill:none; --smooth-stroke:#505050; }
.practice-bar button:active { --smooth-fill:var(--surface); }
#pickRange[aria-pressed=true] { --smooth-fill:var(--surface); --smooth-stroke:#8a8a8a; }
.mode-badge { --smooth-radius:16; --smooth-fill:none; --smooth-stroke:none; }
#modeBar[data-mode=line] .mode-badge,#modeBar[data-mode=range] .mode-badge { --smooth-fill:var(--fg); }
#modeBar[data-mode=select] .mode-badge { --smooth-fill:#303030; }
.follow-button { --smooth-radius:24; --smooth-fill:var(--surface); --smooth-stroke:#505050; }
dialog { --smooth-radius:24; --smooth-fill:var(--bg); --smooth-stroke:#3c3c3c; }
.primary,.toast { --smooth-radius:14; --smooth-fill:var(--fg); --smooth-stroke:none; }
.file-label { --smooth-radius:14; --smooth-fill:none; --smooth-stroke:#646464; --smooth-dash:4 3; }
dialog input:not([type=file]) { --smooth-radius:12; --smooth-fill:var(--surface); --smooth-stroke:#444444; }
.smooth-corners {
  border-radius:0 !important;
  border-color:transparent !important;
  background-color:transparent !important;
  background-image:var(--smooth-image) !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  background-origin:border-box !important;
  background-clip:border-box !important;
  box-shadow:none !important;
}
:root[data-focus-input="keyboard"] .smooth-corners:focus-visible { outline:none; --smooth-stroke:var(--fg) !important; --smooth-width:2 !important; }
:root[data-focus-input="keyboard"] .primary.smooth-corners:focus-visible,
:root[data-focus-input="keyboard"] .line-actions button[aria-pressed=true].smooth-corners:focus-visible { --smooth-stroke:var(--ink) !important; }
dialog.smooth-corners { scrollbar-width:none; }
dialog.smooth-corners::-webkit-scrollbar { display:none; }

/* The native file picker keeps its behavior and uses the same curve. */
dialog input[type=file]::file-selector-button{width:84px;height:28px;padding:0;margin-right:8px;border:0;border-radius:0;font:inherit;color:var(--fg);background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2084%2028%22%3E%3Cpath%20transform%3D%22translate(0.5%200.5)%22%20d%3D%22M%2071%200%20c%204.2004%200%206.3006%200%207.9049%200.8175%20a%207.5000%207.5000%200%200%201%203.2776%203.2776%20c%200.8175%201.6043%200.8175%203.7045%200.8175%207.9049%20L%2083%2015%20c%200%204.2004%200%206.3006%20-0.8175%207.9049%20a%207.5000%207.5000%200%200%201%20-3.2776%203.2776%20c%20-1.6043%200.8175%20-3.7045%200.8175%20-7.9049%200.8175%20L%2012%2027%20c%20-4.2004%200%20-6.3006%200%20-7.9049%20-0.8175%20a%207.5000%207.5000%200%200%201%20-3.2776%20-3.2776%20c%20-0.8175%20-1.6043%20-0.8175%20-3.7045%20-0.8175%20-7.9049%20L%200%2012%20c%200%20-4.2004%200%20-6.3006%200.8175%20-7.9049%20a%207.5000%207.5000%200%200%201%203.2776%20-3.2776%20c%201.6043%20-0.8175%203.7045%20-0.8175%207.9049%20-0.8175%20Z%22%20fill%3D%22%23252525%22%20stroke%3D%22%23646464%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 0 0/100% 100% no-repeat;cursor:pointer}
dialog input[type=file]:focus-visible{outline:none}
:root[data-focus-input="keyboard"] dialog input[type=file]:focus-visible::file-selector-button{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2084%2028%22%3E%3Cpath%20transform%3D%22translate(1%201)%22%20d%3D%22M%2070.8%200%20c%203.9204%200%205.8806%200%207.3779%200.7630%20a%207.0000%207.0000%200%200%201%203.0591%203.0591%20c%200.7630%201.4974%200.7630%203.4576%200.7630%207.3779%20L%2082%2014.799999999999999%20c%200%203.9204%200%205.8806%20-0.7630%207.3779%20a%207.0000%207.0000%200%200%201%20-3.0591%203.0591%20c%20-1.4974%200.7630%20-3.4576%200.7630%20-7.3779%200.7630%20L%2011.200000000000001%2026%20c%20-3.9204%200%20-5.8806%200%20-7.3779%20-0.7630%20a%207.0000%207.0000%200%200%201%20-3.0591%20-3.0591%20c%20-0.7630%20-1.4974%20-0.7630%20-3.4576%20-0.7630%20-7.3779%20L%200%2011.200000000000001%20c%200%20-3.9204%200%20-5.8806%200.7630%20-7.3779%20a%207.0000%207.0000%200%200%201%203.0591%20-3.0591%20c%201.4974%20-0.7630%203.4576%20-0.7630%207.3779%20-0.7630%20Z%22%20fill%3D%22%23252525%22%20stroke%3D%22%23dddddd%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}