.arc{--arc-ease: cubic-bezier(.22, 1, .36, 1)}.arc button{font:inherit;color:inherit;cursor:pointer}.arc .arc-play{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:0;background:#fff;color:#0c2e63;transition:transform .3s var(--arc-ease)}.arc-words{display:grid;min-width:0;flex:1;text-align:left;font-size:.8rem;line-height:1.3}.arc-words b{font-weight:500;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arc-words span{opacity:.66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arc-bar{display:block;height:3px;border-radius:3px;background:#ffffff29;overflow:hidden}.arc-bar i{display:block;height:100%;background:currentColor;border-radius:inherit;transition:width .25s linear}.arc-time{flex:none;font-size:.72rem;font-variant-numeric:tabular-nums;opacity:.66}.arc--pill{display:flex;justify-content:center;color:#fff;cursor:default}.arc-open{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .4rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#040a1e8c;color:#fff;backdrop-filter:blur(12px);font-size:.86rem;transition:transform .42s var(--arc-ease),background-color .3s ease,border-color .3s ease}.arc-open:hover{transform:translateY(-2px);background:#040a1eb3;border-color:#fff6}.arc-open>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.arc-open em{font-style:normal;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.66}.arc-panel{width:100%;padding:.7rem .8rem .6rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#040a1eb8;backdrop-filter:blur(14px);box-shadow:0 18px 40px #02081c59;animation:arc-in .42s var(--arc-ease) both}@keyframes arc-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.arc-row{display:flex;align-items:center;gap:.65rem}.arc-close{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:0;background:#ffffff1a;transition:background-color .2s ease}.arc-close:hover{background:#fff3}.arc-panel .arc-bar{margin:.6rem 0 .5rem}.arc-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.arc-chips{display:flex;flex-wrap:wrap;gap:.3rem}.arc-chips button{padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:none;font-size:.72rem;opacity:.8;transition:background-color .2s ease,opacity .2s ease}.arc-chips button:hover{opacity:1}.arc-chips button[aria-pressed=true]{background:#fff;color:#0c2e63;border-color:#fff;opacity:1}.arc-note{margin:.45rem 0 0;font-size:.66rem;opacity:.55}.arc--list{--arc-ink: #0d1520;--arc-soft: rgba(13, 21, 32, .6);--arc-line: rgba(13, 21, 32, .1);--arc-glass: rgba(255, 255, 255, .62);--arc-on: rgba(255, 255, 255, .9);--arc-btn: #0d1520;--arc-btn-ink: #fff;width:100%;padding:1rem 1rem .6rem;border-radius:20px;color:var(--arc-ink);border:1px solid var(--arc-line);background:var(--arc-glass);backdrop-filter:blur(16px);box-shadow:0 24px 60px #0c2e631a}html[data-theme=dark] .arc--list{--arc-ink: #f4f1ff;--arc-soft: rgba(244, 241, 255, .62);--arc-line: rgba(244, 241, 255, .12);--arc-glass: rgba(14, 12, 34, .6);--arc-on: rgba(255, 255, 255, .07);--arc-btn: #fff;--arc-btn-ink: #0c0b20;box-shadow:0 24px 60px #00000059}.arc-head{display:flex;align-items:center;gap:.7rem;padding:0 .3rem .85rem;border-bottom:1px solid var(--arc-line)}.arc-head>div{display:grid;gap:.15rem;line-height:1.4}.arc-head b{font-weight:500;font-size:.98rem}.arc-head span{font-size:.76rem;color:var(--arc-soft)}.arc-head-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--arc-line);flex:none}.arc-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.2rem}.arc-list li{position:relative;border-radius:14px;transition:background-color .3s ease}.arc-list li:hover,.arc-list li.is-on{background:var(--arc-on)}.arc-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .6rem;border:0;background:none;border-radius:inherit}.arc--list .arc-play{width:34px;height:34px;background:var(--arc-btn);color:var(--arc-btn-ink)}.arc-item:hover .arc-play{transform:scale(1.06)}.arc--list .arc-words{gap:.2rem;line-height:1.4}.arc--list .arc-words span{color:var(--arc-soft);opacity:1;white-space:normal;overflow:visible;text-overflow:clip}.arc--list .arc-time{color:var(--arc-soft);opacity:1}.arc--list .arc-bar{position:absolute;left:3.6rem;right:.8rem;bottom:.35rem;height:2px;background:var(--arc-line);opacity:0;transition:opacity .3s ease}.arc--list li.is-on .arc-bar{opacity:1}.arc--list .arc-bar i{background:var(--arc-ink)}@media (prefers-reduced-motion: reduce){.arc-panel{animation:none}.arc-bar i{transition:none}}