:root{--bg: #12100e;--bg-raised: #1c1916;--bg-hover: #262220;--line: #322c27;--text: #f0ebe4;--text-dim: #a89e93;--accent: #d9a441;--accent-dim: #8a6a2c;--warn: #d97757;--ok: #7fa86a;--radius: 10px;--player-height: 132px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh;padding-bottom:calc(var(--player-height) + .5rem)}.app-header{position:sticky;top:0;z-index:10;background:#12100ef0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:.75rem 1rem 0}.header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.brand{display:inline-block;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand:hover{text-decoration:none}.acct-bar{display:flex;align-items:center;gap:.5rem;min-width:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.icon svg{display:block}.acct-label{display:none}@media(min-width:48rem){.acct-label{display:inline}}.acct-link{flex:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-dim);padding:.35rem .45rem;border:1px solid var(--line);border-radius:999px}.acct-link:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.acct-slot{display:flex;min-width:0}.acct-btn{flex:none;display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-raised);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-family:inherit;cursor:pointer}.acct-btn:hover:not(:disabled){background:var(--bg-hover)}.acct-btn:disabled{opacity:.4;cursor:not-allowed}.acct-btn-ghost{background:transparent;color:var(--text-dim);padding:.35rem .45rem}@media(min-width:48rem){.acct-link,.acct-btn-ghost{padding:.3rem .7rem}}.acct-user{display:flex;align-items:center;gap:.4rem;min-width:0}.acct-photo{width:1.5rem;height:1.5rem;border-radius:50%;flex:none}.acct-name{font-size:.8rem;color:var(--text-dim);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:48rem){.acct-name{max-width:12rem}}.epoch-nav{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.5rem}.epoch-nav::-webkit-scrollbar{display:none}.epoch-nav-link{flex:none;padding:.35rem .7rem;border-radius:999px;font-size:.85rem;color:var(--text-dim);border:1px solid transparent}.epoch-nav-link:hover{background:var(--bg-hover);text-decoration:none}.epoch-nav-link.is-active{color:var(--accent);border-color:var(--accent-dim)}.app-main{padding:1rem;max-width:68rem;margin:0 auto}.app-footer{padding:2rem 1rem;max-width:68rem;margin:0 auto;color:var(--text-dim);font-size:.8rem;border-top:1px solid var(--line);text-align:center}.app-footer p{margin:0}.footer-links{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .5rem}.footer-links a{color:var(--text-dim)}.footer-links a:hover{color:var(--accent)}.footer-sep{color:var(--line)}.section{margin-bottom:2rem}.section h2{font-size:1.25rem;margin:0 0 .25rem}.section h3{font-size:1rem;margin:0 0 .5rem;color:var(--text-dim)}.section-hint{margin:0 0 .75rem;color:var(--text-dim);font-size:.85rem}.page-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.crumbs{font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}.btn{background:var(--bg-raised);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem 1rem;font-size:.9rem;font-family:inherit;cursor:pointer}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1610;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#e5b356}.btn-more{width:100%;margin-top:.75rem}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;color:var(--text-dim)}.panel-error{border-color:var(--warn);color:var(--text)}.panel p{margin:0 0 .75rem}.panel p:last-child{margin-bottom:0}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;font-size:.82rem;font-family:inherit;cursor:pointer}.chip:hover{background:var(--bg-hover)}.chip.is-on{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-dim);cursor:pointer}.toggle input{accent-color:var(--accent)}.epoch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}.epoch-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.epoch-card.is-empty{opacity:.5}.epoch-link{display:flex;flex-direction:column;gap:.15rem}.epoch-link:hover{text-decoration:none}.epoch-link:hover .epoch-label{color:var(--accent)}.epoch-range{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.epoch-label{font-size:1.15rem;font-weight:600}.epoch-count{font-size:.8rem;color:var(--text-dim)}.epoch-shuffle{background:transparent;border:1px solid var(--accent-dim);color:var(--accent);border-radius:var(--radius);padding:.5rem;font-family:inherit;font-size:.85rem;cursor:pointer}.epoch-shuffle:hover:not(:disabled){background:var(--accent-dim);color:var(--text)}.epoch-shuffle:disabled{opacity:.35;cursor:not-allowed;border-color:var(--line);color:var(--text-dim)}.featured-grid,.recent-list,.composer-grid,.work-list,.rec-list,.skeleton-list{list-style:none;margin:0;padding:0}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem}.featured-link{display:flex;flex-direction:column;gap:.15rem;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;height:100%}.featured-link:hover{background:var(--bg-hover);text-decoration:none}.featured-composer{font-size:.75rem;color:var(--accent)}.featured-title{font-size:.92rem}.featured-meta{font-size:.75rem;color:var(--text-dim)}.recent-list{display:flex;flex-direction:column;gap:.25rem}.recent-row{width:100%;text-align:left;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .8rem;color:inherit;font-family:inherit;cursor:pointer;display:flex;flex-direction:column}.recent-row:hover{background:var(--bg-hover)}.recent-title{font-size:.9rem}.recent-meta{font-size:.75rem;color:var(--text-dim)}.composer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem}.composer-card{display:flex;align-items:center;gap:.7rem;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .8rem;height:100%}.composer-card:hover{background:var(--bg-hover);text-decoration:none}.composer-portrait{flex:none;width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--bg-hover)}.composer-card-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.composer-name{font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.composer-years{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.composer-count{font-size:.75rem;color:var(--accent)}.composer-head{display:flex;gap:1rem;align-items:center}.portrait{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.work-list{display:flex;flex-direction:column;gap:.35rem}.work-row{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.work-row-loose{border-style:dashed}.work-head{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem}.work-play,.rec-play{flex:none;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--accent-dim);background:transparent;color:var(--accent);font-size:.8rem;cursor:pointer;display:grid;place-items:center}.work-play:hover,.rec-play:hover{background:var(--accent-dim);color:var(--text)}.work-play.is-current,.rec-play.is-current{background:var(--accent);border-color:var(--accent);color:#1a1610}.work-play.is-buffering,.rec-play.is-buffering{background:transparent;border-color:var(--line);color:var(--text-dim)}.work-row:has(.play-btn.is-current),.rec-row-block:has(.play-btn.is-current){border-color:var(--accent-dim);background:var(--bg-hover)}.rec-row:has(>.play-btn.is-current){background:var(--bg-hover)}.mov-play.is-current{color:var(--accent);font-weight:600}.mov-play.is-current:before{content:"";display:inline-block;width:.85em;height:.8em;margin-right:.4em;vertical-align:-.05em;background:linear-gradient(var(--accent),var(--accent)) 0 100% / 2px 40% no-repeat,linear-gradient(var(--accent),var(--accent)) 50% 100% / 2px 100% no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 100% / 2px 65% no-repeat}.mov-play.is-current[aria-pressed=true]:before{animation:eq-bars .9s ease-in-out infinite}.mov-play.is-current[aria-pressed=false]:before{opacity:.45}@keyframes eq-bars{0%,to{background-size:2px 40%,2px 100%,2px 65%}33%{background-size:2px 100%,2px 45%,2px 35%}66%{background-size:2px 55%,2px 70%,2px 100%}}@media(prefers-reduced-motion:reduce){.mov-play.is-current[aria-pressed=true]:before{animation:none}}.btn-primary.is-current{background:#e5b356}.work-main{flex:1;min-width:0}.work-title{font-size:.92rem;overflow-wrap:anywhere}.work-sub{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.2rem}.work-tags{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.work-toggle{flex:none;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-family:inherit;font-size:.75rem;padding:.25rem .6rem;cursor:pointer}.work-toggle:hover{background:var(--bg-hover);color:var(--text)}.rec-list{border-top:1px solid var(--line)}.rec-list-open{border-top:none;display:flex;flex-direction:column;gap:.35rem}.rec-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem .55rem 1.6rem;border-bottom:1px solid var(--line)}.rec-row:last-child{border-bottom:none}.rec-row-wide{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding-left:.8rem}.rec-row-block{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rec-row-block .rec-row-wide{background:transparent;border:none;border-radius:0}.mov-list{list-style:none;margin:0;padding:0 .8rem .5rem 3.2rem;border-top:1px solid var(--line)}.mov-row{display:flex;align-items:baseline;gap:.6rem;padding:.3rem 0}.time-tag{flex:none;min-width:3rem;font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.mov-play{flex:1;text-align:left;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:.78rem;padding:.15rem 0;cursor:pointer;overflow-wrap:anywhere}.mov-play:hover{color:var(--accent)}.rec-main{flex:1;min-width:0}.rec-performer{font-size:.88rem}.rec-raw{font-size:.72rem;color:var(--text-dim);overflow-wrap:anywhere;margin-top:.1rem}.rec-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.rec-duration{flex:none;font-size:.78rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:.68rem;line-height:1.6;padding:0 .4rem;border-radius:4px;border:1px solid var(--line);color:var(--text-dim);white-space:nowrap}.badge:hover{text-decoration:none;background:var(--bg-hover)}.badge-muted{opacity:.85}.badge-time{border-color:transparent;padding-left:0;font-variant-numeric:tabular-nums}.badge-ok{color:var(--ok);border-color:var(--ok)}.badge-warn{color:var(--warn);border-color:var(--warn)}.skeleton-list{display:flex;flex-direction:column;gap:.35rem}.skeleton-row{height:3.25rem;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-hover) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-row{animation:none}}.toast-host{position:fixed;left:50%;bottom:calc(var(--player-height) + 1rem);transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;width:min(28rem,calc(100vw - 2rem))}.toast{background:var(--bg-hover);border:1px solid var(--warn);border-radius:var(--radius);padding:.6rem .9rem;font-size:.82rem;box-shadow:0 6px 24px #0006}.album-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem}.album-card{display:flex;align-items:center;gap:.6rem;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .7rem}.album-card:has(.play-btn.is-current){border-color:var(--accent-dim)}.album-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.album-link:hover{text-decoration:none}.album-link:hover .album-title{color:var(--accent)}.album-title{font-size:.92rem;line-height:1.35;height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.album-performer{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-tags{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.album-head{min-width:0}.album-head h2{margin:0 0 .15rem;overflow-wrap:anywhere}.album-head .rec-badges{margin-top:.5rem}.album-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.album-add{width:2.4rem;height:2.4rem}.album-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.album-track{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .2rem;border-bottom:1px solid var(--line)}.album-track:last-child{border-bottom:none}.album-track:has(.play-btn.is-current){background:var(--bg-hover)}.album-track-main{flex:1;min-width:0}.album-track-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.72rem;color:var(--text-dim)}.album-track-work{color:var(--accent)}.add-btn{flex:none;width:1.9rem;height:1.9rem;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--text-dim);font-size:.9rem;font-family:inherit;line-height:1;cursor:pointer;display:grid;place-items:center}.add-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent-dim)}.picker{width:min(26rem,calc(100vw - 2rem));padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);color:var(--text)}.picker::backdrop{background:#0009}.picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--line)}.picker-head h2{font-size:1rem;margin:0}.picker-sub{margin:.15rem 0 0;font-size:.8rem;color:var(--text-dim);overflow-wrap:anywhere}.picker-close{flex:none;background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.2rem}.picker-close:hover{color:var(--text)}.picker-body{padding:.75rem 1rem 1rem}.picker-note{margin:0 0 .75rem;font-size:.85rem;color:var(--text-dim)}.picker-error{color:var(--warn)}.picker-signin{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.picker-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.25rem;max-height:40vh;overflow-y:auto}.picker-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;text-align:left;padding:.6rem .75rem;cursor:pointer}.picker-row:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-dim)}.picker-row:disabled{opacity:.5;cursor:progress}.picker-row-name{min-width:0;overflow-wrap:anywhere}.picker-row-count{flex:none;font-size:.75rem;color:var(--text-dim)}.picker-create,.pl-create{display:flex;gap:.5rem}.pl-create{margin-bottom:1rem}.picker-input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.9rem;padding:.55rem .75rem}.picker-input:focus{outline:1px solid var(--accent-dim);border-color:var(--accent-dim)}.pl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem}.pl-card{display:flex;align-items:center;gap:.5rem;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .85rem}.pl-card-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.pl-card-link:hover{text-decoration:none}.pl-card-link:hover .pl-card-name{color:var(--accent)}.pl-card-name{font-size:.95rem;overflow-wrap:anywhere}.pl-card-count{font-size:.75rem;color:var(--text-dim)}.pl-icon{flex:none;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--text-dim);font-size:.8rem;font-family:inherit;line-height:1;padding:.35rem .5rem;cursor:pointer}.pl-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.pl-icon:disabled{opacity:.25;cursor:not-allowed}.pl-head-main{min-width:0}.pl-name-row{display:flex;align-items:center;gap:.5rem}.pl-name{font-size:1.25rem;margin:0;overflow-wrap:anywhere}.pl-head-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pl-name-input{width:100%;max-width:22rem;background:var(--bg-raised);border:1px solid var(--accent-dim);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:1.25rem;padding:.1rem .4rem}.pl-name-input:focus{outline:2px solid var(--accent-dim);outline-offset:1px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .7rem;color:var(--text-dim)}.btn-icon.is-on{border-color:var(--accent);color:var(--accent)}.pl-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.pl-track{display:flex;align-items:center;gap:.6rem;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .7rem}.pl-track:has(.play-btn.is-current){border-color:var(--accent-dim)}.pl-track-main{flex:1;min-width:0}.pl-track-title{font-size:.9rem;overflow-wrap:anywhere}.pl-track-meta{font-size:.75rem;color:var(--text-dim);overflow-wrap:anywhere}.pl-track-actions{flex:none;display:none;gap:.25rem}.pl-track-list.is-editing .pl-track-actions{display:flex}.pl-track-list.is-editing .pl-track:has(.play-btn.is-current){border-color:var(--line)}.pl-track-list.is-editing .pl-track{cursor:pointer}.pl-track-list.is-editing .pl-track.is-selected{border-color:var(--accent);background:var(--bg-hover)}.pl-track:focus{outline:none}.pl-track:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#1c1916fa;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));display:grid;grid-template-areas:"info" "actions" "notice";gap:.4rem}.pb-info{grid-area:info;min-width:0}.pb-title{font-size:.9rem;overflow-wrap:anywhere}.pb-meta{font-size:.75rem;color:var(--text-dim);overflow-wrap:anywhere;text-align:right}.pb-badges{display:none;gap:.3rem;margin-top:.2rem;justify-content:flex-end}.pb-actions{grid-area:actions;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.pb-controls{justify-self:center;display:flex;align-items:center;gap:.4rem}.pb-add{justify-self:start}.pb-time{justify-self:end;font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.pb-btn{flex:none;background:transparent;border:1px solid var(--line);color:var(--accent);border-radius:50%;width:2.25rem;height:2.25rem;font-size:.85rem;cursor:pointer;display:grid;place-items:center}.pb-btn:hover{background:var(--bg-hover)}.pb-play{width:2.75rem;height:2.75rem;font-size:1.05rem;border-color:var(--accent);color:var(--accent)}.pb-play.is-buffering{color:var(--text-dim);border-color:var(--line)}.pb-add{width:2.4rem;height:2.4rem}@media(min-width:48rem){.pb-btn{width:2.5rem;height:2.5rem;font-size:.9rem}.pb-play{width:3rem;height:3rem;font-size:1.1rem}}.pb-seek{position:absolute;top:0;left:0;width:100%;height:.9rem;margin:0;transform:translateY(-50%);-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.pb-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent) var(--pb-progress, 0%),var(--line) var(--pb-progress, 0%))}.pb-seek::-moz-range-track{height:3px;background:linear-gradient(to right,var(--accent) var(--pb-progress, 0%),var(--line) var(--pb-progress, 0%))}.pb-seek::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:var(--accent)}.pb-seek::-moz-range-thumb{width:9px;height:9px;border:none;border-radius:50%;background:var(--accent)}.pb-seek:focus-visible{outline:none}.pb-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-dim)}.pb-seek:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-dim)}.pb-notice{grid-area:notice;font-size:.75rem;color:var(--warn)}@media(min-width:48rem){.pb-info,.pb-actions{width:100%;max-width:68rem;margin-inline:auto}.pb-info{display:flex;align-items:baseline;gap:.5rem}.pb-title,.pb-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-title{flex:0 3 auto;min-width:3rem}.pb-meta{flex:0 1 auto;min-width:0;margin-left:auto}.pb-badges{display:flex;overflow:hidden;flex:none;margin-top:0}.pb-controls{gap:.5rem}}