.tone-library { box-sizing:border-box; width:min(660px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid #343434; border-radius:26px; background:#111; color:#f7f7f7; font-family:inherit; overflow:auto; color-scheme:dark; }
.tone-library::backdrop { background:#000b; backdrop-filter:blur(8px); }
.tone-library * { box-sizing:border-box; }
.tone-library header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tone-library header small { color:#ffb255; letter-spacing:.16em; font-size:10px; }
.tone-library h2 { margin:6px 0; font-size:28px; letter-spacing:-.04em; }
.tone-library button { cursor:pointer; font-family:inherit; color:inherit; border:1px solid #393939; background:#232323; }
.tone-library header button { width:44px; height:44px; border-radius:50%; font-size:28px; flex-shrink:0; }
.tone-intro,.tone-library footer { color:#aaa; font-size:13px; line-height:1.5; }
.tone-library .tone-search { display:block; font-size:12px; color:#ccc; margin:20px 0 12px; }
.tone-library input { display:block; width:100%; padding:14px; margin-top:7px; border:1px solid #444; border-radius:12px; background:#1d1d1d; color:#fff; font-size:16px; }
.tone-categories { display:flex; flex-wrap:wrap; gap:7px; }
.tone-categories button { padding:10px 13px; border-radius:20px; min-height:44px; font-size:12px; }
.tone-categories button[aria-pressed=true] { background:#ffb255; color:#181008; border-color:#ffb255; }
.tone-status { font-size:12px; color:#c1b8ad; min-height:18px; margin:17px 0 6px; }
.tone-results { max-height:42dvh; overflow-y:auto; overscroll-behavior:contain; }
.tone-result { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid #2c2c2c; }
.tone-result strong,.tone-result small { display:block; }
.tone-result strong { font-size:14px; font-weight:550; }
.tone-result small { font-size:11px; color:#aaa; margin-top:5px; }
.tone-library .tone-play { height:44px; width:44px; border-radius:50%; color:#ffb255; }
.tone-library .tone-play[aria-pressed=true] { background:#49331d; }
.tone-library .tone-choose { border:0; color:#ffb255; background:transparent; font-size:12px; min-height:44px; padding:7px; }
.tone-library footer { margin-top:18px; font-size:11px; }
.tone-library a { color:#ffb255; }
.tone-library :focus-visible { outline:2px solid #ffb255; outline-offset:3px; }
#timers-view .tone-discover { display:block; margin:12px 0 20px auto; border:1px solid #644521; background:#2b2116; color:#ffb255; border-radius:22px; padding:12px 18px; font:inherit; font-size:13px; cursor:pointer; }
@media(max-width:480px) { .tone-library { padding:18px; border-radius:20px; } .tone-library h2 { font-size:25px; } .tone-result { gap:8px; } .tone-results { max-height:38dvh; } }