.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;flex:none}.button,.icon{white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-control);font-size:14px;font-weight:560;letter-spacing:-.01em;transition:background var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,opacity var(--duration-fast)}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.45}.button--small{height:32px;padding:0 12px;font-size:13px;border-radius:10px}.button--large{height:50px;padding:0 26px;font-size:16px;border-radius:16px}.button--wide{width:100%}.button--icon{width:40px;padding:0}.button--icon.button--small{width:32px}.button--primary{background:var(--accent);color:var(--on-accent);box-shadow:none}.button--primary:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 10px 24px -12px var(--accent-glow)}.button--ink{background:var(--ink);color:var(--page)}.button--ink:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 86%,var(--accent))}.button--glass{background:var(--control);color:var(--ink);box-shadow:var(--glass-edge)}.button--glass:hover:not(:disabled){background:var(--glass-hover)}.button--quiet{color:var(--ink-2)}.button--quiet:hover:not(:disabled){background:var(--control)}.button--danger{background:var(--danger-soft);color:var(--danger)}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 22%,transparent)}.button--success{background:var(--success-soft);color:var(--success)}.segmented{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:var(--glass-soft);box-shadow:var(--glass-edge)}.segmented__item{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink-3);transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.segmented--small .segmented__item{height:28px;padding:0 12px;font-size:13px;border-radius:8px}.segmented__item:hover{color:var(--ink)}.segmented__item.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.segmented.has-slider .segmented__item.is-active{background:transparent}.segmented__item{position:relative;z-index:1}.segmented__slider{position:absolute;top:4px;bottom:4px;left:0;border-radius:10px;background:var(--accent);transition:transform .26s var(--ease-out),width .26s var(--ease-out);will-change:transform}.segmented--small .segmented__slider{border-radius:8px}.segmented__item.is-active .segmented__count{color:inherit;opacity:.7}.segmented__count{font:500 11px/1 var(--font-mono);color:var(--ink-mute)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:520;background:var(--control);color:var(--ink-2);box-shadow:var(--glass-edge);transition:background var(--duration-fast),color var(--duration-fast)}.chip:hover{background:var(--glass-hover)}.chip.is-active{background:var(--accent);color:var(--on-accent);box-shadow:none}.toggle{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:var(--track);transition:background var(--duration-base) var(--ease-out)}.toggle.is-on{background:var(--accent)}.toggle:disabled{opacity:.4}.toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--duration-base) var(--ease-spring)}.toggle.is-on .toggle__knob{transform:translateX(18px)}.avatar{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:650;letter-spacing:-.02em}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar__dot{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:9px;min-height:9px;border-radius:50%;box-shadow:0 0 0 2px var(--page)}.avatar__dot--online{background:var(--success-dot)}.avatar__dot--playing{background:var(--accent-gradient)}.avatar__dot--away{background:var(--warning-dot)}.progress{position:relative;width:100%;overflow:hidden;border-radius:999px;background:var(--track)}.progress__fill{height:100%;border-radius:inherit;transition:width .26s var(--ease-out)}.progress--accent .progress__fill{background:var(--accent-gradient)}.progress--ink .progress__fill{background:var(--ink)}.progress--success .progress__fill{background:var(--success-dot)}@keyframes progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.progress.is-indeterminate .progress__fill{animation:progress-slide 1.2s var(--ease-out) infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;border-radius:50%;border:2px solid var(--track);border-top-color:var(--accent);animation:spin .8s linear infinite}.kbd{height:22px;padding:0 6px;border-radius:6px;font:500 11px/1 var(--font-mono);color:var(--ink-soft);background:var(--control);box-shadow:var(--glass-edge)}.kbd,.link-button{display:inline-flex;align-items:center}.link-button{gap:4px;font-weight:560;color:var(--accent)}.dialog-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--scrim-modal);backdrop-filter:blur(6px);animation:fade-in .16s ease both}.dialog{display:flex;flex-direction:column;max-height:calc(100vh - 120px);border-radius:26px;animation:dialog-in .22s var(--ease-out) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.dialog__head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 8px 24px}.dialog__head h2{margin:0}.dialog__body{display:grid;align-content:start;gap:12px;padding:8px 24px 20px}.dialog__body>p{margin:0}.dialog__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px;box-shadow:inset 0 1px 0 var(--divider)}.dialog.glass{background:var(--surface-modal)}