:root{--surface-0:#111;--surface-1:#1a1a1a;--surface-2:#242424;--hairline:#2e2e2e;--ink:#f2f1ef;--ink-muted:#a3a19c;--ink-subtle:#8c8a85;--focus:#7fb0ff;--signal-local:#6fd3a0;--signal-error:#f2b8b5;--qr-paper:#fff;--qr-ink:#111;--art-seed:#873729;--art-accent:#ffb4a6;--art-deep:#4b160d;--art-surface:#311915;--on-art:#fff;--on-art-muted:#ffffffb8;--art-scrim:#00000073;--shadow-art:0 12px 32px #0000008c;--shadow-art-sm:0 2px 8px #00000080;--shadow-float:0 8px 24px #0009;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--art-row:48px;--art-mini:40px;--art-tile:168px;--hit:44px;--play:64px;--blur-ambient:80px;--blur-chrome:24px;--font-text:system-ui, -apple-system, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Google Sans Text", sans-serif;--font-display:system-ui, -apple-system, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Roboto, "Google Sans", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--surface-0:#f7f6f4;--surface-1:#fff;--surface-2:#eceae6;--hairline:#dddad4;--ink:#161616;--ink-muted:#5c5a56;--ink-subtle:#6b6863;--focus:#1a5fd0;--signal-local:#1f7a4d;--signal-error:#b3261e;--qr-paper:#fff;--qr-ink:#111;--art-seed:#873729;--art-accent:#994536;--art-deep:#4b160d;--art-surface:#ffe5e1;--on-art:#fff;--on-art-muted:#ffffffb8;--art-scrim:#00000073;--shadow-art:0 12px 32px #00000038;--shadow-art-sm:0 2px 8px #00000024;--shadow-float:0 8px 24px #00000029;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--surface-0:#f7f6f4;--surface-1:#fff;--surface-2:#eceae6;--hairline:#dddad4;--ink:#161616;--ink-muted:#5c5a56;--ink-subtle:#6b6863;--focus:#1a5fd0;--signal-local:#1f7a4d;--signal-error:#b3261e;--qr-paper:#fff;--qr-ink:#111;--art-seed:#873729;--art-accent:#994536;--art-deep:#4b160d;--art-surface:#ffe5e1;--on-art:#fff;--on-art-muted:#ffffffb8;--art-scrim:#00000073;--shadow-art:0 12px 32px #00000038;--shadow-art-sm:0 2px 8px #00000024;--shadow-float:0 8px 24px #00000029;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--surface-0:#111;--surface-1:#1a1a1a;--surface-2:#242424;--hairline:#2e2e2e;--ink:#f2f1ef;--ink-muted:#a3a19c;--ink-subtle:#8c8a85;--focus:#7fb0ff;--signal-local:#6fd3a0;--signal-error:#f2b8b5;--qr-paper:#fff;--qr-ink:#111;--art-seed:#873729;--art-accent:#ffb4a6;--art-deep:#4b160d;--art-surface:#311915;--on-art:#fff;--on-art-muted:#ffffffb8;--art-scrim:#00000073;--shadow-art:0 12px 32px #0000008c;--shadow-art-sm:0 2px 8px #00000080;--shadow-float:0 8px 24px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hero{font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:40px}.title-1{font-family:var(--font-display);letter-spacing:-.015em;font-size:28px;font-weight:700;line-height:34px}.title-2{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.lyric{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:32px}.headline{font-family:var(--font-text);font-size:17px;font-weight:600;line-height:22px}.body{font-family:var(--font-text);font-size:15px;font-weight:400;line-height:20px}.callout{font-family:var(--font-text);font-size:14px;font-weight:500;line-height:19px}.caption{font-family:var(--font-text);letter-spacing:.01em;font-size:12px;font-weight:500;line-height:16px}.time{font-family:var(--font-text);font-size:13px;font-weight:500;line-height:16px}.code{font-family:var(--font-mono);letter-spacing:.08em;font-size:15px;font-weight:500;line-height:20px}:root{--dur-instant:90ms;--dur-fast:.14s;--dur-med:.26s;--dur-slow:.42s;--dur-bloom:.72s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--state-hover:.08;--state-press:.14}.sp-root,body{font-family:var(--font-text);color:var(--ink);background:var(--surface-0);-webkit-font-smoothing:antialiased}.sp-num{font-variant-numeric:tabular-nums}.sp-art{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--cover,none) center / cover no-repeat, var(--art-seed);flex:none;position:relative;overflow:hidden}.sp-btn,.sp-icon-btn,.sp-play,.sp-link-btn,.sp-row.is-interactive{isolation:isolate;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.sp-btn:after,.sp-icon-btn:after,.sp-play:after,.sp-link-btn:after,.sp-row.is-interactive:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);background:currentColor;position:absolute;inset:0}@media (hover:hover){.sp-btn:hover:after,.sp-icon-btn:hover:after,.sp-play:hover:after,.sp-link-btn:hover:after{opacity:var(--state-hover)}.sp-row.is-interactive:hover:after{opacity:.05}}.is-hover:after{opacity:var(--state-hover)!important}.sp-btn:active:after,.sp-icon-btn:active:after,.sp-play:active:after,.sp-link-btn:active:after,.is-pressed:after{opacity:var(--state-press)!important}.sp-row.is-interactive:active:after{opacity:.1}.sp-btn,.sp-icon-btn,.sp-play{transition:transform var(--dur-slow) var(--ease-spring), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast)}.sp-btn:active,.sp-btn.is-pressed{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-out);transform:scale(.96)}.sp-icon-btn:active,.sp-icon-btn.is-pressed{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-out);transform:scale(.88)}.sp-play:active,.sp-play.is-pressed{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-out);transform:scale(.92)}@media (hover:hover){.sp-play:hover{transform:scale(1.04)}.sp-play:active{transform:scale(.92)}}.sp-btn:focus-visible,.sp-icon-btn:focus-visible,.sp-play:focus-visible,.sp-link-btn:focus-visible,.sp-row.is-interactive:focus-visible,.is-focus{outline:2px solid var(--focus);outline-offset:2px}.sp-btn:disabled,.sp-icon-btn:disabled,.sp-play:disabled,[aria-disabled=true].sp-btn{opacity:.38;cursor:not-allowed;transform:none!important}.sp-btn:disabled:after,.sp-icon-btn:disabled:after,.sp-play:disabled:after{display:none}.sp-btn{justify-content:center;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);font:600 14px/1 var(--font-text);cursor:pointer;white-space:nowrap;border:0;display:inline-flex}.sp-btn svg{fill:currentColor;flex:none;width:18px;height:18px;margin-inline-start:-2px}.sp-btn.lg{height:var(--hit);padding:0 var(--space-5);font-size:15px}.sp-btn.primary{background:var(--art-seed);color:var(--on-art)}.sp-btn.secondary{background:var(--surface-2);color:var(--ink)}.sp-btn.ghost{color:var(--ink);background:0 0}.sp-btn.on-art{color:var(--on-art);background:#ffffff29}.sp-btn.danger{color:var(--signal-error);background:0 0}.sp-btn.is-loading{pointer-events:none;color:#0000!important}.sp-btn.is-loading svg{visibility:hidden}.sp-btn.is-loading:before{content:"";border:2px solid var(--spinner,currentColor);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sp-spin;position:absolute}.sp-btn.primary.is-loading{--spinner:var(--on-art)}.sp-btn.secondary.is-loading,.sp-btn.ghost.is-loading{--spinner:var(--ink)}@keyframes sp-spin{to{transform:rotate(1turn)}}.sp-icon-btn{width:var(--hit);height:var(--hit);color:inherit;border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.sp-icon-btn svg{fill:currentColor;width:28px;height:28px}.sp-icon-btn.sm svg{width:22px;height:22px}.sp-icon-btn[aria-pressed=true]{color:var(--art-accent)}.sp-icon-btn[aria-pressed]:before{content:"";opacity:0;width:4px;height:4px;transition:opacity var(--dur-fast), transform var(--dur-med) var(--ease-spring);background:currentColor;border-radius:50%;margin-left:-2px;position:absolute;bottom:5px;left:50%;transform:scale(0)}.sp-icon-btn[aria-pressed=true]:before{opacity:1;transform:scale(1)}.sp-icon-btn.is-popping svg{animation:sp-pop var(--dur-slow) var(--ease-spring)}@keyframes sp-pop{0%{transform:scale(.8)}55%{transform:scale(1.18)}to{transform:scale(1)}}.sp-play{width:var(--play);height:var(--play);border-radius:var(--radius-full);cursor:pointer;background:var(--on-art);color:var(--art-deep);border:0;place-items:center;padding:0;display:grid}.sp-play svg{fill:currentColor;width:30px;height:30px;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-med) var(--ease-spring);grid-area:1/1}.sp-play .ic-pause,.sp-play[data-state=playing] .ic-play{opacity:0;transform:scale(.5)rotate(-30deg)}.sp-play[data-state=playing] .ic-pause{opacity:1;transform:none}.sp-link-btn{font:500 14px/19px var(--font-text);color:var(--signal-error);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0}.sp-grid,.sp-tiles{isolation:isolate}.sp-grid{grid-template-columns:repeat(auto-fill, minmax(var(--art-tile), 1fr));gap:var(--space-6) var(--space-4);display:grid}.sp-tile{gap:var(--space-2);min-width:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;text-decoration:none;display:flex}.sp-tile-art{aspect-ratio:1;border-radius:var(--radius-sm);position:relative}.sp-tile-art .sp-art,.sp-tile-art .sp-gen{width:100%;box-shadow:var(--shadow-art-sm);transition:transform var(--dur-slow) var(--ease-spring), box-shadow var(--dur-med) var(--ease-out)}.sp-tile-glow{z-index:-1;border-radius:inherit;pointer-events:none;background:var(--cover,none) center / cover, var(--art-seed);filter:blur(30px)saturate(1.8)brightness(1.15);opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);position:absolute;inset:2%;transform:translateY(6px)scale(.9)}.sp-tile-play{inset-inline-end:var(--space-2);bottom:var(--space-2);width:var(--hit);height:var(--hit);border-radius:var(--radius-full);background:var(--art-seed);color:var(--on-art);cursor:pointer;opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-spring);border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(8px)scale(.9);box-shadow:0 4px 14px #00000059}.sp-tile-play>svg,.sp-tile-play>.sp-eq{opacity:0;transition:opacity var(--dur-fast), transform var(--dur-med) var(--ease-spring);grid-area:1/1;transform:scale(.5)}.sp-tile-play>svg{fill:currentColor;width:22px;height:22px}.sp-tile-play .sp-eq i{background:currentColor}.sp-tile:not(.is-playing) .sp-tile-play .ic-play,.sp-tile.is-playing .sp-tile-play .sp-eq{opacity:1;transform:none}@media (hover:hover){.sp-tile.is-playing:hover .sp-tile-play .sp-eq{opacity:0;transform:scale(.5)}.sp-tile.is-playing:hover .sp-tile-play .ic-pause{opacity:1;transform:none}}.sp-tile-play:before{content:"";border-radius:inherit;border:2px solid var(--art-seed);opacity:0;pointer-events:none;position:absolute;inset:0}.sp-tile-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px;opacity:1;transform:none}.sp-tile-title{font:600 15px/20px var(--font-text);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-tile-sub{font:500 14px/19px var(--font-text);color:var(--ink-muted);margin-top:calc(var(--space-1) * -1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-tile.is-playing .sp-tile-title{color:var(--art-accent)}@media (hover:hover){.sp-tile:hover .sp-tile-art>.sp-art,.sp-tile:hover .sp-tile-art>.sp-gen{box-shadow:var(--shadow-art);transform:translateY(-4px)scale(1.02)}.sp-tile:hover .sp-tile-glow{opacity:.95;transform:translateY(16px)scale(1.1)}.sp-tile:hover .sp-tile-play{opacity:1;transform:none}}.sp-tile.is-hover .sp-tile-art>.sp-art,.sp-tile:focus-visible .sp-tile-art>.sp-art{box-shadow:var(--shadow-art);transform:translateY(-4px)scale(1.02)}.sp-tile.is-hover .sp-tile-glow,.sp-tile:focus-visible .sp-tile-glow{opacity:.95;transform:translateY(16px)scale(1.1)}.sp-tile.is-hover .sp-tile-play,.sp-tile:focus-visible .sp-tile-play{opacity:1;transform:none}.sp-tile:focus-visible .sp-tile-art>.sp-art{outline:2px solid var(--focus);outline-offset:3px}.sp-tile.is-pressed .sp-tile-art>.sp-art,.sp-tile.is-pressed .sp-tile-art>.sp-gen{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-out);transform:translateY(-1px)scale(.965)}.sp-tile-play:active{transition-duration:var(--dur-instant);transform:scale(.88)!important}.sp-tile.is-playing .sp-tile-play{opacity:1;transform:none}.sp-tile.is-playing .sp-tile-glow{opacity:.6;transform:translateY(12px)scale(1.04)}.sp-tile.is-blooming .sp-tile-glow{animation:sp-bloom var(--dur-bloom) var(--ease-out)}.sp-tile.is-blooming .sp-tile-play:before{animation:sp-ring var(--dur-bloom) var(--ease-out)}.sp-tile.is-blooming .sp-tile-art>.sp-art{animation:sp-kick var(--dur-slow) var(--ease-spring)}@keyframes sp-bloom{0%{opacity:1;filter:blur(24px)saturate(2)brightness(1.6);transform:translateY(10px)scale(1)}30%{opacity:1;filter:blur(40px)saturate(2)brightness(1.5);transform:translateY(14px)scale(1.42)}to{opacity:.6;filter:blur(30px)saturate(1.8)brightness(1.15);transform:translateY(12px)scale(1.04)}}@keyframes sp-ring{0%{opacity:1;border-width:3px;transform:scale(1)}to{opacity:0;border-width:1px;transform:scale(2.6)}}@keyframes sp-kick{0%{transform:translateY(-1px)scale(.965)}45%{transform:translateY(-5px)scale(1.035)}to{transform:translateY(-4px)scale(1.02)}}.sp-gen{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--art-seed);color:var(--on-art);box-sizing:border-box;flex-direction:column;flex:none;justify-content:flex-end;padding:10%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.sp-gen:before{content:"";aspect-ratio:1;border-radius:var(--radius-full);background:var(--art-deep);opacity:.55;width:64%;position:absolute;top:-18%;right:-18%}.sp-gen-title{font:700 clamp(14px, 13cqw, 30px)/1.02 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;position:relative}.sp-gen-artist{font:500 clamp(10px, 6cqw, 14px)/1.3 var(--font-text);color:var(--on-art-muted);margin-top:.4em;position:relative}.sp-row{align-items:center;gap:var(--space-3);min-height:var(--hit);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--hairline);grid-template-columns:28px 1fr auto auto;display:grid}.sp-row.is-interactive{cursor:pointer;color:var(--ink)}.sp-row.with-art{grid-template-columns:var(--art-row) 1fr auto auto}.sp-row .sp-art,.sp-row .sp-gen{width:var(--art-row);border-radius:var(--radius-xs)}.sp-row-n{font:500 13px/16px var(--font-text);color:var(--ink-subtle);font-variant-numeric:tabular-nums;place-items:center end;display:grid}.sp-row-n>*{transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-med) var(--ease-spring);grid-area:1/1}.sp-row-n .ic{width:16px;height:16px;fill:var(--ink);opacity:0;transform:scale(.6)}.sp-row-n .sp-eq{opacity:0;transform:scale(.6)}@media (hover:hover){.sp-row.is-interactive:hover .sp-row-n .n{opacity:0;transform:scale(.6)}.sp-row.is-interactive:hover .sp-row-n .ic{opacity:1;transform:none}}.sp-row.playing .sp-row-n .n,.sp-row.playing .sp-row-n .ic{opacity:0!important;transform:scale(.6)!important}.sp-row.playing .sp-row-n .sp-eq{opacity:1;transform:none}.sp-row-main{min-width:0}.sp-row-title{font:600 15px/20px var(--font-text);white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-med) var(--ease-out);overflow:hidden}.sp-row-sub{font:500 13px/18px var(--font-text);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-row-time{font:500 13px/16px var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums}.sp-row.playing{background:var(--surface-2)}.sp-row.playing .sp-row-title{color:var(--art-accent)}.sp-row.unavailable{cursor:default}.sp-row.unavailable .sp-row-title,.sp-row.unavailable .sp-row-sub{color:var(--ink-subtle)}.sp-row.unavailable:after{display:none}.sp-eq{justify-content:flex-end;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.sp-eq i{background:var(--art-accent);transform-origin:bottom;border-radius:1px;width:3px}.sp-eq i:first-child{height:60%}.sp-eq i:nth-child(2){height:100%}.sp-eq i:nth-child(3){height:40%}.is-live .sp-eq i,.sp-eq.is-live i{animation:sp-eq .82s var(--ease-in-out) infinite alternate}.is-live .sp-eq i:nth-child(2),.sp-eq.is-live i:nth-child(2){animation-duration:.64s;animation-delay:-200ms}.is-live .sp-eq i:nth-child(3),.sp-eq.is-live i:nth-child(3){animation-duration:.96s;animation-delay:-420ms}@keyframes sp-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.sp-avail{font:500 12px/16px var(--font-text);letter-spacing:.01em;padding-block:2px;padding-inline:6px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.sp-avail svg{flex:none;width:12px;height:12px}.sp-avail.local{color:var(--signal-local)}.sp-avail.error{color:var(--signal-error)}.sp-avail.icon-only{padding:3px}.sp-avail .ring{stroke:var(--hairline)}.sp-avail .prog{stroke:currentColor}.sp-scrub{gap:var(--space-2);flex-direction:column;display:flex}.sp-wave{cursor:pointer;align-items:center;gap:2px;height:36px;display:flex}.sp-wave i{background:var(--on-art-muted);opacity:.45;transition:opacity var(--dur-fast), background-color var(--dur-fast), transform var(--dur-fast) var(--ease-out);border-radius:1px;flex:1}.sp-wave i.on{background:var(--on-art);opacity:1}@media (hover:hover){.sp-wave:hover i{transform:scaleY(1.12)}}.sp-scrub-times{font:500 13px/16px var(--font-text);color:var(--on-art-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.sp-scrub.on-chrome .sp-wave i{background:var(--ink-subtle);opacity:.5}.sp-scrub.on-chrome .sp-wave i.on{background:var(--art-accent);opacity:1}.sp-scrub.on-chrome .sp-scrub-times{color:var(--ink-muted)}.sp-ambient{background:var(--art-deep);color:var(--on-art);isolation:isolate;position:relative;overflow:hidden}.sp-ambient:before{content:"";z-index:-2;background:var(--cover,none) center / cover, radial-gradient(circle at 70% 25%, var(--art-seed), transparent 55%), var(--art-deep);filter:blur(var(--blur-ambient)) saturate(1.35) brightness(.55);opacity:.75;transition:background-image var(--dur-slow);position:absolute;inset:-25%}.sp-ambient:after{content:"";z-index:-1;background:linear-gradient(#0000000d 20%,#00000073);position:absolute;inset:0}.sp-np{gap:var(--space-6);padding:var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.sp-np-art{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-art);transition:transform var(--dur-slow) var(--ease-spring)}.sp-np[data-state=paused] .sp-np-art{transform:scale(.94)}.sp-np-meta{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.sp-np-title{font:600 22px/28px var(--font-display);letter-spacing:-.01em;margin:0}.sp-np-artist{font:500 17px/22px var(--font-text);color:var(--on-art-muted);margin:var(--space-1) 0 0}.sp-controls{padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.sp-np-foot{color:var(--on-art-muted);justify-content:space-between;align-items:center;display:flex}.sp-mini{grid-template-columns:var(--art-mini) 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--art-surface);color:var(--ink);box-shadow:var(--shadow-float);cursor:pointer;transition:background-color var(--dur-slow) var(--ease-in-out);display:grid;position:relative;overflow:hidden}.sp-mini .sp-art,.sp-mini .sp-gen{width:var(--art-mini);border-radius:var(--radius-xs)}.sp-mini-title{font:600 15px/20px var(--font-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-mini-sub{font:500 13px/18px var(--font-text);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-mini .sp-icon-btn svg{width:24px;height:24px}.sp-mini .sp-icon-btn.playpause svg{transition:opacity var(--dur-fast), transform var(--dur-med) var(--ease-spring);grid-area:1/1}.sp-mini .playpause .ic-pause,.sp-mini .playpause[data-state=playing] .ic-play{opacity:0;transform:scale(.5)}.sp-mini .playpause[data-state=playing] .ic-pause{opacity:1;transform:none}.sp-mini .playpause svg.sp-ring{fill:none;stroke-width:2.2px;pointer-events:none;opacity:1;width:auto;height:auto;transition:none;position:absolute;inset:3px;overflow:visible;transform:rotate(-90deg)}.sp-ring .trk{stroke:var(--hairline)}.sp-ring .val{stroke:currentColor;stroke-linecap:round;stroke-dasharray:var(--progress,0) 100;transition:stroke-dasharray 1s linear}.sp-mini .playpause .ic-play,.sp-mini .playpause .ic-pause{width:18px;height:18px}.sp-lyrics{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.sp-lyric{font:700 26px/32px var(--font-display);letter-spacing:-.01em;color:var(--on-art-muted);opacity:.45;cursor:pointer;transition:opacity var(--dur-med) var(--ease-out), color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);transform-origin:0;margin:0}.sp-lyric.past{opacity:.3}.sp-lyric.active{color:var(--on-art);opacity:1}@media (hover:hover){.sp-lyric:not(.active):hover{opacity:.75}}.sp-device{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);grid-template-columns:40px 1fr auto auto;display:grid}.sp-device-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:40px;height:40px;color:var(--ink-muted);place-items:center;display:grid}.sp-device-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:22px;height:22px}.sp-device-name{font:600 15px/20px var(--font-text)}.sp-device-sub{font:500 13px/18px var(--font-text);color:var(--ink-muted)}.sp-device-sub code{font:500 12px/16px var(--font-mono);letter-spacing:.04em;color:var(--ink-subtle)}.sp-role{font:500 12px/16px var(--font-text);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--hairline);color:var(--ink-muted)}.sp-role.write{color:var(--ink);border-color:var(--ink-subtle)}.sp-role.admin{color:var(--surface-0);background:var(--ink);border-color:var(--ink)}.sp-device.revoked .sp-device-name{color:var(--ink-subtle);text-decoration:line-through}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.sp-tile:hover .sp-tile-art>.sp-art,.sp-tile.is-hover .sp-tile-art>.sp-art,.sp-tile.is-pressed .sp-tile-art>.sp-art,.sp-btn:active,.sp-icon-btn:active,.sp-play:active,.sp-play:hover{transform:none}}.sp-field{align-content:start;gap:6px;min-width:0;display:grid}.sp-field-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.sp-field-label{font:600 12px/16px var(--font-text);letter-spacing:.01em;color:var(--ink-muted)}.sp-field-state{font:500 12px/16px var(--font-text);color:var(--art-accent);align-items:center;gap:5px;display:none}.sp-field-state:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.sp-field.is-dirty .sp-field-state{display:inline-flex}.sp-input{box-sizing:border-box;width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font:400 15px/20px var(--font-text);transition:border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;outline:none}.sp-input::placeholder{color:var(--ink-subtle)}@media (hover:hover){.sp-input:hover{border-color:var(--hairline)}}.sp-input:focus-visible,.sp-input:focus{outline:2px solid var(--focus);outline-offset:1px}.sp-input.sm{height:32px;padding:0 10px;font-size:14px}.sp-input.num{font-variant-numeric:tabular-nums}.sp-input.right{text-align:end}.sp-field-help{font:500 12px/16px var(--font-text);color:var(--ink-subtle);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.sp-field-help .from{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-field-help .from b{color:var(--ink-muted);font-weight:500}.sp-textlink{font:600 12px/16px var(--font-text);color:var(--ink-muted);cursor:pointer;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-subtle);text-decoration-color:var(--ink-subtle);background:0 0;border:0;border-radius:2px;padding:0}@media (hover:hover){.sp-textlink:hover{color:var(--ink)}}.sp-textlink:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sp-field-error{font:500 12px/16px var(--font-text);color:var(--signal-error);align-items:center;gap:6px;display:none}.sp-field-error svg{flex:none;width:14px;height:14px}.sp-field.is-invalid .sp-input{border-color:var(--signal-error)}.sp-field.is-invalid .sp-field-error{display:flex}.sp-field.is-invalid .sp-field-help{display:none}.sp-chips{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--surface-2);cursor:text;border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:4px;display:flex}.sp-chips:focus-within{outline:2px solid var(--focus);outline-offset:1px}.sp-chip{border-radius:var(--radius-full);background:var(--surface-1);height:28px;color:var(--ink);font:500 13px/1 var(--font-text);box-shadow:0 0 0 1px var(--hairline);animation:sp-chip-in var(--dur-med) var(--ease-spring);align-items:center;gap:2px;padding-block:0;padding-inline:10px 2px;display:inline-flex}.sp-chip.is-new{box-shadow:0 0 0 1px var(--art-accent)}.sp-chip-x{width:24px;height:24px;color:var(--ink-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.sp-chip-x svg{width:12px;height:12px}.sp-chip-x:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}@media (hover:hover){.sp-chip-x:hover:after{opacity:var(--state-hover)}}.sp-chip-x:focus-visible{outline:2px solid var(--focus);outline-offset:0}.sp-chip-input{min-width:96px;height:28px;color:var(--ink);font:400 14px/20px var(--font-text);background:0 0;border:0;outline:none;flex:1;padding:0 6px}.sp-chip-input::placeholder{color:var(--ink-subtle)}@keyframes sp-chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.sp-seg{border-radius:var(--radius-full);background:var(--surface-2);gap:2px;padding:2px;display:inline-flex}.sp-seg button{color:var(--ink-muted);font:600 13px/1 var(--font-text);height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;position:relative}.sp-seg button:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}@media (hover:hover){.sp-seg button:hover:after{opacity:var(--state-hover)}}.sp-seg button[aria-checked=true]{background:var(--ink);color:var(--surface-0)}.sp-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sp-switch-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.sp-switch-row .t{font:500 14px/19px var(--font-text);color:var(--ink)}.sp-switch-row .d{font:500 12px/16px var(--font-text);color:var(--ink-subtle);margin-top:2px}.sp-switch{border-radius:var(--radius-full);cursor:pointer;background:var(--surface-2);width:40px;height:24px;box-shadow:inset 0 0 0 1px var(--hairline);transition:background-color var(--dur-med) var(--ease-out);border:0;flex:none;padding:0;position:relative}.sp-switch:before{content:"";top:3px;border-radius:var(--radius-full);background:var(--ink-muted);width:18px;height:18px;transition:transform var(--dur-med) var(--ease-spring), background-color var(--dur-med);position:absolute;inset-inline-start:3px}.sp-switch[aria-checked=true]{background:var(--art-seed);box-shadow:none}.sp-switch[aria-checked=true]:before{transform:translateX(calc(16px * var(--sp-dir,1)));background:var(--on-art)}.sp-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sp-notice{border-radius:var(--radius-sm);background:var(--surface-2);font:500 13px/18px var(--font-text);color:var(--ink);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.sp-notice svg{width:16px;height:16px;color:var(--ink-muted);flex:none;margin-top:1px}.sp-notice .sub{color:var(--ink-muted);font-weight:400}.sp-notice.error svg,.sp-notice.error .t{color:var(--signal-error)}.sp-sheet{box-sizing:border-box;background:var(--surface-1);width:600px;max-width:100%;color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-float), 0 0 0 1px var(--hairline);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.sp-sheet-head{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-4);display:flex}.sp-sheet-head .sp-art{border-radius:var(--radius-xs);width:56px;box-shadow:var(--shadow-art-sm)}.sp-sheet-title{font:600 22px/28px var(--font-display);letter-spacing:-.01em;margin:0}.sp-sheet-sub{font:500 14px/19px var(--font-text);color:var(--ink-muted);margin:2px 0 0}.sp-sheet-body{gap:var(--space-5);padding:0 var(--space-6) var(--space-6);min-height:0;display:grid;overflow:auto}.sp-sheet-section{gap:var(--space-3);display:grid}.sp-sheet-section>h3{font:600 11px/14px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:0}.sp-form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.sp-form-grid .span-2{grid-column:1/-1}.sp-form-grid .yr{grid-template-columns:1fr}.sp-tracks-edit{gap:6px;display:grid}.sp-tracks-edit .hd,.sp-track-edit{gap:var(--space-2);grid-template-columns:52px minmax(0,1.4fr) minmax(0,1fr) 8px;align-items:center;display:grid}.sp-track-edit .mk{border-radius:var(--radius-full);background:var(--art-accent);opacity:0;width:6px;height:6px;transition:opacity var(--dur-fast)}.sp-tracks-edit .hd span{font:600 11px/14px var(--font-text);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-subtle);padding:0 2px}.sp-track-edit.is-dirty .mk{opacity:1}.sp-sheet-foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--hairline);background:var(--surface-1);display:flex}.sp-sheet-note{font:500 12px/16px var(--font-text);color:var(--ink-subtle);align-items:center;gap:6px;min-width:0;display:flex}.sp-sheet-note svg{flex:none;width:14px;height:14px}.sp-sheet-note.ok{color:var(--signal-local)}.sp-sheet-actions{gap:var(--space-2);flex:none;display:flex}.sp-hist-list{flex-direction:column;display:flex}.sp-hist-day{font:600 11px/14px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);padding:var(--space-4) var(--space-4) var(--space-2)}.sp-hist{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);grid-template-columns:32px minmax(0,1fr) auto;align-items:start;display:grid}.sp-hist.is-new{animation:sp-hist-in var(--dur-slow) var(--ease-out)}@keyframes sp-hist-in{0%{background:var(--surface-2)}to{background:0 0}}.sp-avatar{border-radius:var(--radius-full);background:var(--surface-2);width:32px;height:32px;color:var(--ink-muted);font:600 12px/1 var(--font-text);letter-spacing:.02em;place-items:center;display:grid}.sp-avatar svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.sp-avatar.me{background:var(--ink);color:var(--surface-0)}.sp-hist-what{font:400 14px/19px var(--font-text);color:var(--ink)}.sp-hist-what b{font-weight:600}.sp-hist-diff{font:500 14px/19px var(--font-text);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px;display:flex}.sp-hist-diff del{color:var(--ink-subtle);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-subtle);text-decoration-color:var(--ink-subtle)}.sp-hist-diff del.empty,.sp-hist-diff ins.empty{font-style:italic;text-decoration:none}.sp-hist-diff ins{color:var(--ink);text-decoration:none}.sp-hist-diff ins.add:before{content:"+ ";color:var(--ink-subtle)}.sp-hist-diff del.rem:before{content:"− "}.sp-hist-diff .arrow{color:var(--ink-subtle)}.sp-hist-meta{font:500 12px/16px var(--font-text);color:var(--ink-subtle);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;display:flex}.sp-hist-meta .dot:before{content:"·"}.sp-hist-meta .wb{align-items:center;gap:4px;display:inline-flex}.sp-hist-meta svg{width:12px;height:12px}.sp-hist-meta .pending{color:var(--ink-muted);align-items:center;gap:4px;display:inline-flex}.sp-hist-meta .failed{color:var(--signal-error);align-items:center;gap:4px;display:inline-flex}.sp-hist .sp-btn{height:28px;padding:0 var(--space-3);font-size:13px}.sp-hist.is-undone .sp-hist-what,.sp-hist.is-undone .sp-hist-diff ins{color:var(--ink-subtle)}.sp-hist.is-undone .sp-hist-diff ins{text-decoration:line-through}.sp-hist.is-undone .sp-btn{display:none}.sp-linkcard{box-sizing:border-box;gap:var(--space-4);width:360px;max-width:100%;padding:var(--space-6);background:var(--surface-1);color:var(--ink);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--hairline);flex-direction:column;display:flex}.sp-linkcard h3{font:600 17px/22px var(--font-text);margin:0}.sp-linkcard .lead{font:400 14px/19px var(--font-text);color:var(--ink-muted);margin:-8px 0 0}.sp-qr{box-sizing:border-box;border-radius:var(--radius-md);background:var(--qr-paper);width:208px;height:208px;transition:opacity var(--dur-med) var(--ease-out);align-self:center;padding:12px;position:relative}.sp-qr svg{width:100%;height:100%;display:block}.sp-qr svg path{fill:var(--qr-ink)}.sp-qr-cover{border-radius:inherit;background:var(--surface-1);opacity:.92;font:600 14px/19px var(--font-text);color:var(--ink);text-align:center;padding:var(--space-4);place-items:center;display:none;position:absolute;inset:0}.sp-code-row{gap:var(--space-2);align-items:center;display:flex}.sp-code{min-width:0;font:500 13px/20px var(--font-mono);letter-spacing:.04em;color:var(--ink);background:var(--surface-2);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;padding:8px 12px;overflow:hidden}.sp-code-row .sp-btn{flex:none;height:36px}.sp-expiry{gap:6px;display:grid}.sp-expiry .t{font:500 12px/16px var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.sp-expiry .bar{background:var(--hairline);border-radius:2px;height:3px;overflow:hidden}.sp-expiry .bar span{background:var(--ink-subtle);transform-origin:0;height:100%;transition:transform 1s linear;display:block}.sp-warn{font:600 13px/18px var(--font-text);color:var(--ink);align-items:flex-start;gap:8px;display:flex}.sp-warn svg{width:16px;height:16px;color:var(--signal-error);flex:none;margin-top:1px}.sp-alert{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--signal-error);display:grid}.sp-alert .ico{border-radius:var(--radius-full);width:44px;height:44px;color:var(--signal-error);place-items:center;display:grid;box-shadow:inset 0 0 0 2px}.sp-alert .ico svg{width:22px;height:22px}.sp-alert h4{font:700 20px/26px var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0}.sp-alert ul{gap:var(--space-2);font:500 14px/19px var(--font-text);color:var(--ink);margin:0;padding-block:0;padding-inline:18px 0;display:grid}.sp-alert ul li::marker{color:var(--signal-error)}.sp-alert .actions{gap:var(--space-1);flex-direction:column}.sp-linkcard .sp-alert .actions .sp-btn{flex:none;width:100%}.sp-sas{font:700 34px/40px var(--font-display);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center;color:var(--ink);padding:var(--space-4) 0;background:var(--surface-2);border-radius:var(--radius-md)}.sp-linkcard .who{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--hairline);display:flex}.sp-linkcard .who .sp-device-icon{width:36px;height:36px}.sp-linkcard .who b{font:600 14px/19px var(--font-text);display:block}.sp-linkcard .who span{font:500 12px/16px var(--font-text);color:var(--ink-muted)}.sp-linkcard .actions{gap:var(--space-2);display:flex}.sp-linkcard .actions .sp-btn{flex:1}.sp-done{justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-4) 0;display:grid}.sp-done .ring{border-radius:var(--radius-full);width:56px;height:56px;color:var(--signal-local);animation:sp-done-in var(--dur-slow) var(--ease-spring);place-items:center;display:grid;box-shadow:inset 0 0 0 2px}.sp-done .ring svg{width:26px;height:26px}.sp-done b{font:600 17px/22px var(--font-text)}.sp-done span{font:400 14px/19px var(--font-text);color:var(--ink-muted)}@keyframes sp-done-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.sp-linkcard .blk{gap:var(--space-4);flex-direction:column;display:flex}.sp-linkcard[data-state=warn] [data-step]:not([data-step~=warn]),.sp-linkcard[data-state=waiting] [data-step]:not([data-step~=waiting]),.sp-linkcard[data-state=confirm] [data-step]:not([data-step~=confirm]),.sp-linkcard[data-state=done] [data-step]:not([data-step~=done]),.sp-linkcard[data-state=expired] [data-step]:not([data-step~=expired]),.sp-linkcard[data-state=form] [data-step]:not([data-step~=form]),.sp-linkcard[data-state=ready] [data-step]:not([data-step~=ready]){display:none}.sp-linkcard[data-state=expired] .sp-qr{opacity:.35}.sp-linkcard[data-state=expired] .sp-qr-cover{display:grid}.sp-linkcard[data-state=expired] .sp-code{color:var(--ink-subtle);text-decoration:line-through}.sp-linkcard[data-state=expired] [data-copy]{display:none}.sp-demo{font:500 12px/16px var(--font-text);color:var(--ink-subtle);border:1px dashed var(--hairline);border-radius:var(--radius-full);cursor:pointer;background:0 0;align-self:center;padding:4px 10px}.sp-demo:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sp-chip,.sp-done .ring,.sp-hist.is-new{animation:none}}.ip{--ip-safe-top:54px;--ip-dock:164px;background:var(--surface-0);width:390px;height:844px;color:var(--ink);isolation:isolate;border-radius:54px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 10px #0b0b0c,0 0 0 11px #2c2c30,0 30px 70px #00000061}.ip-island{z-index:30;pointer-events:none;background:#000;border-radius:20px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.ip-status{z-index:29;height:var(--ip-safe-top);box-sizing:border-box;font:600 17px/22px var(--font-text);color:var(--ink);pointer-events:none;transition:color var(--dur-med) var(--ease-out);justify-content:space-between;align-items:center;padding-block:4px 0;padding-inline:44px 30px;display:flex;position:absolute;top:0;left:0;right:0}.ip-status svg{fill:currentColor;height:12px}.ip-status .icons{align-items:center;gap:6px;display:flex}.ip-home{z-index:29;background:var(--ink);opacity:.9;pointer-events:none;width:134px;height:5px;transition:background-color var(--dur-med) var(--ease-out);border-radius:3px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.ip.sheet-open .ip-status{color:var(--on-art)}.ip.sheet-open .ip-home{background:var(--on-art)}.ip-views{position:absolute;inset:0;overflow:hidden}.ip-view{scrollbar-width:none;background:var(--surface-0);padding:var(--ip-safe-top) 0 var(--ip-dock);box-sizing:border-box;transform:translateX(calc(100% * var(--sp-dir,1)));visibility:hidden;transition:transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);position:absolute;inset:0;overflow:hidden auto}.ip-view::-webkit-scrollbar{display:none}.ip-view.is-current{visibility:visible;transition:transform var(--dur-slow) var(--ease-out), visibility 0s;z-index:2;transform:none}.ip-view.is-behind{transform:translateX(calc(-28% * var(--sp-dir,1)));visibility:visible;z-index:1}.ip-views.no-anim .ip-view{transition:none!important}.ip-largetitle{font:700 34px/41px var(--font-display);letter-spacing:-.02em;margin:var(--space-2) var(--space-5) var(--space-1)}.ip-server{margin:0 var(--space-5) var(--space-4);font:500 13px/18px var(--font-text);color:var(--ink-muted);align-items:center;gap:6px;display:inline-flex}.ip-server b{background:var(--signal-local);border-radius:50%;width:7px;height:7px}.ip-h2{font:700 22px/28px var(--font-display);letter-spacing:-.01em;margin:var(--space-6) var(--space-5) var(--space-3)}.ip-group{margin:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.ip-link{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);font:400 17px/22px var(--font-text);color:var(--ink);cursor:pointer;display:flex;position:relative}.ip-link+.ip-link:before{content:"";top:0;border-top:.5px solid var(--hairline);position:absolute;inset-inline:52px 0}.ip-link>svg:first-child{fill:none;width:22px;height:22px;stroke:var(--ink-muted);stroke-width:1.6px;flex:none}.ip-link em{color:var(--ink-subtle);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:15px;font-style:normal}.ip-link .chev{fill:none;width:8px;height:14px;stroke:var(--ink-subtle);stroke-width:2px;flex:none}.ip-link:after{content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out);pointer-events:none;background:currentColor;position:absolute;inset:0}.ip-link:active:after,.ip-link.is-pressed:after{opacity:var(--state-press);transition-duration:0s}.ip-link:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.ip .sp-grid{gap:var(--space-5) var(--space-4);padding:0 var(--space-5);grid-template-columns:1fr 1fr}.ip-glass{background:color-mix(in srgb, var(--surface-1) 82%, transparent);-webkit-backdrop-filter:blur(var(--blur-chrome)) saturate(1.8);backdrop-filter:blur(var(--blur-chrome)) saturate(1.8);box-shadow:inset 0 0 0 .5px var(--hairline), 0 8px 24px #00000038}.ip-circle{border-radius:var(--radius-full);width:44px;height:44px;color:var(--ink)}.ip-circle svg{width:20px;height:20px}.ip-dock{z-index:10;padding:0 var(--space-4) 26px;gap:var(--space-2);pointer-events:none;display:grid;position:absolute;bottom:0;left:0;right:0}.ip-dock:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--surface-0) 70%, transparent) 40%);pointer-events:none;position:absolute;inset:-24px 0 0}.ip-dock>*{pointer-events:auto}.ip-dock .sp-mini{border-radius:var(--radius-full);gap:var(--space-3);background:color-mix(in srgb, var(--art-surface) 84%, transparent);-webkit-backdrop-filter:blur(var(--blur-chrome)) saturate(1.8);backdrop-filter:blur(var(--blur-chrome)) saturate(1.8);box-shadow:inset 0 0 0 .5px var(--hairline), 0 8px 24px #00000038;transition:transform var(--dur-slow) var(--ease-spring), background-color var(--dur-slow) var(--ease-in-out);grid-template-columns:40px 1fr auto auto;padding-block:6px;padding-inline:8px 6px}.ip-dock .sp-mini .sp-art{border-radius:var(--radius-full);width:40px}.ip-dock .sp-mini .sp-icon-btn{width:40px;height:40px}.ip-dock .sp-mini.is-pressed{transition-duration:var(--dur-instant);transform:scale(.97)}.ip-dock .sp-mini:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ip-dockrow{gap:var(--space-3);grid-template-columns:1fr 62px;align-items:center;display:grid}.ip-tabs{box-sizing:border-box;border-radius:var(--radius-full);grid-template-columns:repeat(3,1fr);height:62px;padding:4px;display:grid}.ip-tab{border-radius:var(--radius-full);cursor:pointer;color:var(--ink);font:600 10px/12px var(--font-text);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-slow) var(--ease-spring);background:0 0;border:0;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.ip-tab svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:26px;height:26px}.ip-tab[aria-selected=true]{color:var(--art-accent);background:color-mix(in srgb, var(--ink) 9%, transparent)}.ip-tab:active,.ip-tab.is-pressed{transition-duration:var(--dur-instant);transform:scale(.92)}.ip-tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.ip-tab.ip-search{background:color-mix(in srgb, var(--surface-1) 82%, transparent);width:62px;height:62px}.ip-tab.ip-search[aria-selected=true]{background-image:linear-gradient(color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 9%, transparent))}.ip-search svg{width:24px;height:24px}.ip-search[aria-selected=true]{color:var(--art-accent)}.ip-album{background:linear-gradient(to bottom, var(--art-surface), var(--surface-0) 460px)}.ip-navbar{z-index:3;padding:0 var(--space-4);justify-content:space-between;align-items:center;height:52px;display:flex;position:sticky;top:0}.ip-navbar .right{gap:var(--space-2);display:flex}.ip-albumhead{text-align:center;padding:var(--space-2) var(--space-6) var(--space-5);flex-direction:column;align-items:center;display:flex}.ip-albumhead .sp-art{border-radius:var(--radius-md);width:248px;box-shadow:var(--shadow-art);margin-bottom:var(--space-5)}.ip-albumtitle{font:700 22px/28px var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.ip-albumartist{font:600 17px/22px var(--font-text);color:var(--art-accent);margin-top:2px}.ip-albummeta{font:500 13px/18px var(--font-text);color:var(--ink-muted);margin-top:var(--space-1)}.ip-actions{gap:var(--space-3);padding:0 var(--space-5);grid-template-columns:1fr 1fr;display:grid}.ip-actions .sp-btn{height:var(--hit);border-radius:var(--radius-md);font-size:16px}.ip-availrow{padding:var(--space-3) var(--space-5) var(--space-2);justify-content:space-between;align-items:center;display:flex}.ip-availrow .sp-btn{height:32px;padding:0 var(--space-3);font-size:14px}.ip-list .sp-row{min-height:50px;padding:4px var(--space-5);grid-template-columns:24px 1fr auto 40px}.ip-list .sp-row-title{font-size:16px;font-weight:400}.ip-list .sp-row-sub:empty{display:none}.ip-list .sp-row-time{text-align:end}.ip-foot{padding:var(--space-4) var(--space-5);font:500 13px/18px var(--font-text);color:var(--ink-subtle)}.ip-mosaic{border-radius:var(--radius-xs);width:64px;height:64px;box-shadow:var(--shadow-art-sm);flex:none;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.ip-mosaic .sp-art{border-radius:0;width:100%}.ip-plrow{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);cursor:pointer;display:flex;position:relative}.ip-plrow b{font:500 17px/22px var(--font-text);display:block}.ip-plrow span{font:500 13px/18px var(--font-text);color:var(--ink-muted)}.ip-plrow .new{border-radius:var(--radius-xs);background:var(--surface-2);width:64px;height:64px;color:var(--art-accent);flex:none;place-items:center;display:grid}.ip-plrow .new svg{fill:currentColor;width:28px;height:28px}.ip-plrow:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}.ip-plrow:active:after,.ip-plrow.is-pressed:after{opacity:var(--state-press);transition-duration:0s}.ip .sp-device{padding-left:var(--space-5);padding-right:var(--space-5)}.ip-searchfield{align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-4) var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-subtle);display:flex}.ip-searchfield svg{flex:none;width:18px;height:18px}.ip-searchfield input{min-width:0;font:400 17px/22px var(--font-text);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.ip-searchfield input::placeholder{color:var(--ink-subtle)}.ip-searchfield:focus-within{box-shadow:0 0 0 2px var(--focus)}.ip .sp-row.with-art{padding:6px var(--space-5)}.ip-sheet{z-index:20;visibility:hidden;transition:transform var(--dur-slow) var(--ease-out), border-radius var(--dur-slow), visibility 0s linear var(--dur-slow);border-radius:54px 54px 0 0;position:absolute;inset:0;transform:translateY(102%)}.ip.sheet-open .ip-sheet{visibility:visible;transition:transform var(--dur-slow) var(--ease-spring), border-radius var(--dur-slow), visibility 0s;border-radius:0;transform:none}.ip.sheet-open .ip-views,.ip.sheet-open .ip-dock{opacity:.6;transform:scale(.94)}.ip-views,.ip-dock{transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);transform-origin:50% 100%}.ip-sheet .sp-np{padding:calc(var(--ip-safe-top) + var(--space-2)) var(--space-6) 40px;justify-content:space-between;gap:0;position:absolute;inset:0}.ip-grabber{background:var(--on-art-muted);opacity:.6;border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:60px;left:50%}.ip-sheet .sp-np-art{margin-top:var(--space-3)}@media (prefers-reduced-motion:reduce){.ip-view,.ip-sheet,.ip-views,.ip-dock{transition:opacity var(--dur-fast)!important}.ip-view.is-behind,.ip-view:not(.is-current){transform:none}.ip-view:not(.is-current){opacity:0}.ip-sheet{opacity:0;transform:none}.ip.sheet-open .ip-sheet{opacity:1}.ip.sheet-open .ip-views,.ip.sheet-open .ip-dock{transform:none}}.sp-ambient .sp-icon-btn[aria-pressed=true]{color:var(--on-art)}.sp-dl{isolation:isolate;align-items:center;gap:var(--space-2);height:36px;padding-block:0;padding-inline:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink);font:600 14px/1 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform var(--dur-slow) var(--ease-spring), color var(--dur-fast) var(--ease-out);border:0;display:inline-flex;position:relative}.sp-dl:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);z-index:-1;background:currentColor;position:absolute;inset:0}@media (hover:hover){.sp-dl:hover:after{opacity:var(--state-hover)}}.sp-dl:active:after,.sp-dl.is-pressed:after{opacity:var(--state-press)}.sp-dl:active,.sp-dl.is-pressed{transition-duration:var(--dur-instant);transform:scale(.96)}.sp-dl:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sp-dl-ico{flex:none;width:22px;height:22px;display:grid;position:relative}.sp-dl-ico svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:100%;height:100%;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-med) var(--ease-spring);grid-area:1/1;transform:scale(.6)}.sp-dl[data-state=off] .i-off,.sp-dl[data-state=partial] .i-off,.sp-dl[data-state=queued] .i-wait,.sp-dl[data-state=loading] .i-ring,.sp-dl[data-state=done] .i-done,.sp-dl[data-state=failed] .i-fail{opacity:1;transform:none}.sp-dl .i-wait{stroke:var(--ink-subtle);stroke-dasharray:2.2 3}.sp-dl[data-state=queued] .i-wait{animation:2.4s linear infinite sp-spin}.sp-dl .i-ring .trk{stroke:var(--hairline);stroke-width:2.2px}.sp-dl .i-ring .val{stroke:currentColor;stroke-width:2.2px;stroke-dasharray:var(--progress,0) 100;transition:stroke-dasharray var(--dur-med) linear}.sp-dl .i-ring rect{fill:currentColor;stroke:none}.sp-dl .i-done circle{fill:var(--signal-local);stroke:none}.sp-dl .i-done path{stroke:var(--surface-0);stroke-width:2px}.sp-dl .i-fail circle{fill:var(--signal-error);stroke:none}.sp-dl .i-fail path{stroke:var(--surface-0);stroke-width:2.2px}.sp-dl .i-remove{stroke:var(--signal-error)}.sp-dl[data-confirm]{color:var(--signal-error)}.sp-dl[data-confirm] .sp-dl-ico svg{opacity:0;transform:scale(.6)}.sp-dl[data-confirm] .sp-dl-ico .i-remove{opacity:1;transform:none}.sp-dl[data-state=done]:not([data-confirm]){box-shadow:inset 0 0 0 1px var(--hairline);background:0 0}.sp-dl.icon{width:var(--hit);height:var(--hit);background:0 0;justify-content:center;padding:0;box-shadow:none!important}.sp-dl.icon .sp-dl-ico{width:24px;height:24px}.sp-dl.icon .sp-dl-label{display:none}.sp-dl.sm{height:32px;padding-block:0;padding-inline:10px var(--space-3);font-size:13px}.sp-dl.sm .sp-dl-ico{width:20px;height:20px}.sp-rule{gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;grid-template-columns:48px 1fr auto;align-items:center;display:grid;position:relative}.sp-rule+.sp-rule:before{content:"";top:0;inset-inline:calc(var(--space-4) + 48px + var(--space-3)) 0;border-top:.5px solid var(--hairline);position:absolute}.sp-rule:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}@media (hover:hover){.sp-rule:hover:after{opacity:.04}}.sp-rule.is-pressed:after{opacity:var(--state-press);transition-duration:0s}.sp-rule:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sp-rule-art{border-radius:var(--radius-xs);background:var(--surface-2);width:48px;height:48px;color:var(--ink-muted);transition:opacity var(--dur-med) var(--ease-out);place-items:center;display:grid;overflow:hidden}.sp-rule-art .sp-art{border-radius:0;width:100%}.sp-rule-art.round{border-radius:var(--radius-full)}.sp-rule-art svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:24px;height:24px}.sp-rule-main{min-width:0;transition:opacity var(--dur-med) var(--ease-out)}.sp-rule-title{font:600 15px/20px var(--font-text);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-rule-sub{font:500 13px/18px var(--font-text);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-rule-status{font:500 12px/16px var(--font-text);color:var(--ink-subtle);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:2px;display:flex}.sp-rule-status svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:14px;height:14px}.sp-rule-status .mini-ring .trk{stroke:var(--hairline)}.sp-rule-status .mini-ring .val{stroke:var(--ink);stroke-dasharray:var(--progress,0) 100}.sp-rule-status.local{color:var(--signal-local)}.sp-rule-status.error{color:var(--signal-error)}.sp-rule-status [data-off-text]{display:none}.sp-rule.is-off .sp-rule-art,.sp-rule.is-off .sp-rule-main{opacity:.45}.sp-rule.is-off .sp-rule-status>*{display:none}.sp-rule.is-off .sp-rule-status [data-off-text]{display:inline}.sp-rule.is-off .sp-rule-status{color:var(--ink-subtle)}.sp-storage{gap:var(--space-3);display:grid}.sp-storage-head{justify-content:space-between;align-items:baseline;gap:2px var(--space-3);flex-wrap:wrap;display:flex}.sp-storage-head>*{white-space:nowrap}.sp-storage-total{font:700 22px/28px var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}.sp-storage-total small{font:500 14px/18px var(--font-text);color:var(--ink-muted);letter-spacing:0;margin-inline-start:4px}.sp-storage-free{font:500 13px/18px var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums}.sp-storage-bar{border-radius:var(--radius-full);background:var(--surface-2);gap:2px;height:10px;display:flex;overflow:hidden}.sp-storage-bar>i{transition:width var(--dur-slow) var(--ease-out);flex:none;display:block}.sp-storage-bar .pin{background:var(--ink)}.sp-storage-bar .cache{background:var(--ink-subtle)}.sp-storage-bar .other{background:color-mix(in srgb, var(--ink) 22%, transparent)}.sp-storage-bar .need{background:repeating-linear-gradient(-45deg, var(--signal-error) 0 3px, transparent 3px 6px)}.sp-storage-legend{gap:var(--space-2) var(--space-5);font:500 13px/18px var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.sp-storage-legend span{align-items:center;gap:6px;display:inline-flex}.sp-storage-legend b{color:var(--ink);font-weight:600}.sp-storage-legend i{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.sp-storage-legend .pin{background:var(--ink)}.sp-storage-legend .cache{background:var(--ink-subtle)}.sp-storage-legend .other{background:color-mix(in srgb, var(--ink) 22%, transparent)}.sp-storage-legend .need{background:var(--signal-error)}.sp-storage-warn{gap:var(--space-2);font:500 13px/18px var(--font-text);color:var(--ink);align-items:flex-start;display:flex}.sp-storage-warn svg{fill:none;width:16px;height:16px;stroke:var(--signal-error);stroke-width:1.8px;stroke-linecap:round;flex:none;margin-top:1px}.sp-select{appearance:none;border-radius:var(--radius-sm);height:28px;font:500 13px/1 var(--font-text);color:var(--ink);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M2 5l3-3 3 3M2 9l3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 8px center / 9px 13px;cursor:pointer;border:0;padding-block:0;padding-inline:10px 26px}.sp-select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sp-choice{align-items:center;gap:var(--space-3);min-height:48px;padding:6px var(--space-4);cursor:pointer;grid-template-columns:1fr auto;display:grid;position:relative}.sp-choice+.sp-choice:before{content:"";top:0;inset-inline:var(--space-4) 0;border-top:.5px solid var(--hairline);position:absolute}.sp-choice b{font:400 17px/22px var(--font-text);color:var(--ink);display:block}.sp-choice span{font:500 13px/18px var(--font-text);color:var(--ink-muted)}.sp-choice svg{fill:none;width:20px;height:20px;stroke:var(--art-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--dur-fast), transform var(--dur-med) var(--ease-spring);transform:scale(.6)}.sp-choice[aria-checked=true] svg{opacity:1;transform:none}.sp-choice:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}.sp-choice.is-pressed:after{opacity:var(--state-press);transition-duration:0s}.sp-choice:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.mac-settings{background:var(--surface-0);width:680px;box-shadow:0 0 0 1px var(--hairline), 0 24px 64px #00000059;border-radius:12px;overflow:hidden}.mac-settings-bar{background:var(--surface-1);border-bottom:1px solid var(--hairline);justify-items:center;gap:6px;padding:12px 16px 8px;display:grid;position:relative}.mac-settings-bar .mw-lights{inset-inline-start:14px;padding:0;position:absolute;top:14px}.mac-settings-title{font:600 13px/16px var(--font-text);color:var(--ink)}.mac-settings-tabs{gap:2px;display:flex}.mac-settings-tabs button{border-radius:var(--radius-sm);min-width:76px;color:var(--ink-muted);font:500 11px/14px var(--font-text);cursor:default;background:0 0;border:0;justify-items:center;gap:2px;padding:5px 8px 4px;display:grid}.mac-settings-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px}.mac-settings-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--art-accent)}.mac-form{padding:var(--space-5) var(--space-6) var(--space-6);gap:var(--space-5);display:grid}.mac-form h3{font:600 13px/16px var(--font-text);color:var(--ink);margin-block:0 6px;margin-inline:4px 0}.mac-group{border-radius:var(--radius-md);background:var(--surface-1);box-shadow:inset 0 0 0 .5px var(--hairline)}.mac-group>.pad{padding:var(--space-4)}.mac-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:40px;padding:6px var(--space-4);font:500 13px/18px var(--font-text);color:var(--ink);display:flex;position:relative}.mac-row+.mac-row:before,.mac-group>.sp-rule+.mac-row:before{content:"";top:0;left:var(--space-4);right:var(--space-4);border-top:.5px solid var(--hairline);position:absolute}.mac-row .d{color:var(--ink-subtle);margin-top:1px;font-size:12px;display:block}.mac-group .sp-rule{padding:10px var(--space-4);grid-template-columns:40px 1fr auto}.mac-group .sp-rule-art{width:40px;height:40px}.mac-group .sp-rule+.sp-rule:before{inset-inline-start:calc(var(--space-4) + 40px + var(--space-3))}.mac-group .sp-rule-title{font-size:13px;line-height:18px}.mac-group .sp-rule-sub{font-size:12px;line-height:16px}.mac-group .sp-rule-status{font-size:11px;line-height:14px}.mac-group .sp-switch{transform:scale(.85)}.ip .sp-storage{padding:var(--space-4)}.ip-group .sp-rule{padding-left:var(--space-4);padding-right:var(--space-4)}.ip-section{font:500 13px/18px var(--font-text);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin:var(--space-6) var(--space-8) var(--space-2)}.ip-note{font:500 13px/18px var(--font-text);color:var(--ink-subtle);margin:var(--space-2) var(--space-8) 0}.ip-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);font:400 17px/22px var(--font-text);color:var(--ink);display:flex;position:relative}.ip-row+.ip-row:before,.ip-group>*+.ip-row:before{content:"";top:0;inset-inline:var(--space-4) 0;border-top:.5px solid var(--hairline);position:absolute}.ip-row .val{color:var(--ink-subtle)}.ip-row select.sp-select{color:var(--ink-subtle);text-align:end;background-color:#0000;height:36px;padding-inline-end:24px;font-size:17px}.ip-row.action{color:var(--art-accent);cursor:pointer}.ip-row.action svg{fill:currentColor;width:20px;height:20px}.ip-row.danger{color:var(--signal-error)}.ip-row .sp-btn{height:32px}.ip-navbar .title{font:600 17px/22px var(--font-text);color:var(--ink)}.ip-navbar.with-title{text-align:center;grid-template-columns:44px 1fr 44px;display:grid}.ip-pagesheet{z-index:18;background:var(--surface-1);visibility:hidden;scrollbar-width:none;transition:transform var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);border-radius:38px 38px 0 0;padding-bottom:40px;position:absolute;inset:64px 0 0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -10px 40px #00000040}.ip.pagesheet-open .ip-pagesheet{visibility:visible;transition:transform var(--dur-slow) var(--ease-spring), visibility 0s;transform:none}.ip.pagesheet-open .ip-views,.ip.pagesheet-open .ip-dock{opacity:.6;transform:scale(.94)}.ip-pagesheet-head{z-index:2;height:56px;padding:0 var(--space-4);background:color-mix(in srgb, var(--surface-1) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-chrome));backdrop-filter:blur(var(--blur-chrome));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.ip-pagesheet-head b{font:600 17px/22px var(--font-text)}.ip-pagesheet-head .sp-btn{height:36px;padding:0 var(--space-3)}.ip-pagesheet-head .sp-btn:last-child{justify-self:end}.ip-pagesheet-head .sp-btn:first-child{justify-self:start}.ip-pagesheet-head .accent{color:var(--art-accent);font-weight:700}.ip-pagesheet .ip-group{background:var(--surface-2)}.ip-grab{background:var(--hairline);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:6px;left:50%}.ip-estimate{margin:var(--space-3) var(--space-8) 0;font:500 13px/18px var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.sp-dl[data-state=queued] .i-wait{animation:none}.ip-pagesheet{opacity:0;transform:none;transition:opacity var(--dur-fast)!important}.ip.pagesheet-open .ip-pagesheet{opacity:1}.ip.pagesheet-open .ip-views,.ip.pagesheet-open .ip-dock{transform:none}}.ip.ad{--ip-safe-top:40px;--ip-dock:172px;--ad-surface:color-mix(in srgb, var(--art-surface) 45%, var(--surface-0));--ad-container:color-mix(in srgb, var(--art-surface) 80%, var(--surface-1));--ad-high:color-mix(in srgb, var(--art-surface) 70%, var(--surface-2));--ad-indicator:color-mix(in srgb, var(--art-accent) 26%, var(--surface-1));background:var(--ad-surface);border-radius:44px;width:412px;height:892px;box-shadow:0 0 0 9px #0b0b0c,0 0 0 10px #2c2c30,0 30px 70px #00000061}.ad .ip-island{border-radius:50%;width:24px;height:24px;margin-left:-12px;top:9px}.ad .ip-status{height:var(--ip-safe-top);font:500 14px/20px var(--font-text);padding-block:2px 0;padding-inline:28px 26px}.ad .ip-status svg{height:13px}.ad .ip-home{opacity:.7;width:108px;height:4px;margin-left:-54px;bottom:7px}.ad .ip-view{background:var(--ad-surface);transform:translateX(calc(30% * var(--sp-dir,1)));opacity:0;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-med)}.ad .ip-view.is-current{opacity:1;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-med) var(--ease-out) 60ms, visibility 0s;transform:none}.ad .ip-view.is-behind{transform:translateX(calc(-10% * var(--sp-dir,1)));opacity:0;visibility:visible}.ad.sheet-open .ip-views,.ad.sheet-open .ip-dock,.ad.pagesheet-open .ip-views,.ad.pagesheet-open .ip-dock{opacity:1;transform:none}.ad-bar{top:calc(-1 * var(--ip-safe-top));z-index:3;align-items:center;gap:var(--space-1);height:64px;padding:0 var(--space-1);background:var(--ad-surface);display:flex;position:sticky}.ad-bar .t{min-width:0;font:400 22px/28px var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-inline-start:var(--space-1);overflow:hidden}.ad-bar .sp-icon-btn{width:48px;height:48px;color:var(--ink)}.ad-bar .sp-icon-btn svg{width:24px;height:24px}.ad-bar .sp-dl.icon{width:48px;height:48px}.ad-h{font:500 22px/28px var(--font-display);color:var(--ink);margin:var(--space-6) var(--space-4) var(--space-3)}.ad-label{font:500 14px/20px var(--font-text);color:var(--art-accent);margin:var(--space-5) var(--space-4) var(--space-2)}.ad-search{align-items:center;gap:var(--space-3);height:56px;margin:var(--space-2) var(--space-4) 0;padding-block:0;padding-inline:var(--space-4) var(--space-1);border-radius:var(--radius-full);background:var(--ad-high);color:var(--ink-muted);font:400 16px/24px var(--font-text);cursor:pointer;display:flex;position:relative}.ad-search>svg{width:24px;height:24px;color:var(--ink);flex:none}.ad-search span{flex:1}.ad-search input{min-width:0;font:400 16px/24px var(--font-text);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.ad-search input::placeholder{color:var(--ink-muted)}.ad-search .avatar{background:var(--art-seed);width:32px;height:32px;color:var(--on-art);font:500 14px/1 var(--font-text);border-radius:50%;place-items:center;margin-inline-end:8px;display:grid}.ad-search .sp-icon-btn{width:48px;height:48px;color:var(--ink)}.ad-search:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}.ad-search.is-pressed:after{opacity:var(--state-press)}.ad-search:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ad-sub{margin:var(--space-3) var(--space-5) 0;font:400 14px/20px var(--font-text);color:var(--ink-muted);align-items:center;gap:6px;display:flex}.ad-sub b{background:var(--signal-local);border-radius:50%;width:7px;height:7px}.sp-seg.ad-chips{gap:var(--space-2);padding:0 var(--space-4);margin-top:var(--space-4);scrollbar-width:none;background:0 0;border-radius:0;display:flex;overflow-x:auto}.sp-seg.ad-chips button{height:32px;padding:0 var(--space-4);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);font:500 14px/20px var(--font-text);flex:none}.sp-seg.ad-chips button[aria-checked=true]{background:var(--ad-indicator);color:var(--ink);box-shadow:none;padding-inline-start:var(--space-2)}.sp-seg.ad-chips button[aria-checked=true]:before{content:"✓";margin-inline-end:6px;font-weight:600}.ad-item{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-4);margin:var(--space-4) var(--space-4) 0;border-radius:var(--radius-lg);background:var(--ad-container);cursor:pointer;display:flex;position:relative}.ad-item .ico{background:var(--ad-indicator);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.ad-item .ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.ad-item b{font:400 16px/24px var(--font-text);color:var(--ink);display:block}.ad-item span{font:400 14px/20px var(--font-text);color:var(--ink-muted)}.ad-item>div{flex:1;min-width:0}.ad-item .chev{fill:none;width:8px;height:14px;stroke:var(--ink-subtle);stroke-width:2px}.ad-item:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--dur-fast);background:currentColor;position:absolute;inset:0}.ad-item.is-pressed:after{opacity:var(--state-press);transition-duration:0s}.ad-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ad .ip-group{background:var(--ad-container);border-radius:var(--radius-lg)}.ad-card{margin:0 var(--space-4);border-radius:var(--radius-lg);background:var(--ad-container);overflow:hidden}.ad-card .sp-storage{padding:var(--space-4)}.ad .sp-grid{gap:var(--space-5) var(--space-3);padding:0 var(--space-4);grid-template-columns:1fr 1fr}.ad .ip-plrow{padding:var(--space-2) var(--space-4)}.ad .sp-device{padding:var(--space-3) var(--space-4);border-bottom:0}.ad .ip-row{font:400 16px/24px var(--font-text);min-height:56px}.ad .ip-row .d{font:400 14px/20px var(--font-text);color:var(--ink-muted);display:block}.ad .ip-row select.sp-select{color:var(--ink);background-color:var(--ad-high);font-size:14px}.ad .ip-row+.ip-row:before,.ad .ip-group>*+.ip-row:before,.ad .sp-rule+.sp-rule:before{display:none}.ad-album{background:linear-gradient(to bottom, var(--art-surface), var(--ad-surface) 520px)}.ad-album .ad-bar{background:0 0}.ad-albumhead{padding:var(--space-2) var(--space-6) var(--space-4);text-align:center;justify-items:center;display:grid}.ad-albumhead .sp-art{border-radius:var(--radius-lg);width:264px;box-shadow:var(--shadow-art);margin-bottom:var(--space-5)}.ad-albumtitle{font:400 28px/36px var(--font-display);color:var(--ink);margin:0}.ad-albumartist{font:500 16px/24px var(--font-text);color:var(--art-accent)}.ad-albummeta{font:400 14px/20px var(--font-text);color:var(--ink-muted);margin-top:2px}.ad-actions{gap:var(--space-3);padding:0 var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ad-actions .sp-btn{height:48px;font:500 15px/20px var(--font-text)}.ad-actions .sp-btn.secondary{background:var(--ad-indicator)}.ad-avail{padding:var(--space-4) var(--space-4) var(--space-1)}.ad .ip-list .sp-row{min-height:56px;padding:4px var(--space-4)}.ad .ip-dock{gap:0;padding:0}.ad .ip-dock:before{display:none}.ad .ip-dock .sp-mini{margin:0 var(--space-2) var(--space-2);border-radius:var(--radius-lg);padding:var(--space-2);background:var(--ad-high);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-float);grid-template-columns:44px 1fr auto auto}.ad .ip-dock .sp-mini .sp-art{border-radius:var(--radius-xs);width:44px}.ad-nav{box-sizing:content-box;background:var(--ad-container);grid-template-columns:repeat(3,1fr);height:80px;padding:12px 0 16px;display:grid}.ad-nav .ip-tab{font:500 12px/16px var(--font-text);color:var(--ink-muted);background:0 0;border-radius:0;align-content:start;justify-items:center;gap:4px;display:grid}.ad-nav .ip-tab .pill{border-radius:var(--radius-full);width:64px;height:32px;transition:background-color var(--dur-med) var(--ease-out);place-items:center;display:grid;position:relative}.ad-nav .ip-tab svg{width:24px;height:24px}.ad-nav .ip-tab[aria-selected=true]{color:var(--ink);background:0 0;font-weight:700}.ad-nav .ip-tab[aria-selected=true] .pill{background:var(--ad-indicator)}.ad-nav .ip-tab:active,.ad-nav .ip-tab.is-pressed{transform:none}.ad-nav .ip-tab.is-pressed .pill{background:color-mix(in srgb, var(--ink) 12%, transparent)}.ad .ip-sheet{border-radius:28px 28px 0 0}.ad.sheet-open .ip-sheet{border-radius:0}.ad-scrim{z-index:17;opacity:0;visibility:hidden;transition:opacity var(--dur-med), visibility 0s linear var(--dur-med);background:#00000052;position:absolute;inset:0}.ad.pagesheet-open .ad-scrim{opacity:1;visibility:visible;transition:opacity var(--dur-med), visibility 0s}.ad .ip-pagesheet{background:var(--ad-container);box-shadow:none;border-radius:28px 28px 0 0;top:120px}.ad .ip-pagesheet .ip-group{background:0 0;border-radius:0;margin:0}.ad .ip-pagesheet-head{background:var(--ad-container);-webkit-backdrop-filter:none;backdrop-filter:none;height:64px;padding-top:14px}.ad .ip-grab{background:var(--ink-subtle);opacity:.5;width:32px;height:4px;margin-left:-16px;top:16px}.ad .ip-section{text-transform:none;letter-spacing:0;font:500 14px/20px var(--font-text);color:var(--art-accent);margin:var(--space-5) var(--space-4) var(--space-1)}.ad .ip-note{margin:var(--space-1) var(--space-4) 0;font:400 12px/16px var(--font-text)}.ad .ip-estimate{margin:var(--space-2) var(--space-4) 0}.ad .sp-choice svg{display:none}.ad .sp-choice{grid-template-columns:20px 1fr}.ad .sp-choice:before{content:"";width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--ink-muted);border:0;border-radius:50%;grid-area:1/1;position:static}.ad .sp-choice[aria-checked=true]:before{box-shadow:inset 0 0 0 2px var(--art-accent), inset 0 0 0 5px var(--ad-container), inset 0 0 0 10px var(--art-accent)}.ad .sp-choice>div{grid-area:1/2}.ad .sp-choice b{font-size:16px;line-height:24px}.ad .sp-switch{width:52px;height:32px;box-shadow:inset 0 0 0 2px var(--ink-subtle);background:var(--ad-high)}.ad .sp-switch:before{top:8px;background:var(--ink-subtle);width:16px;height:16px;inset-inline-start:8px}.ad .sp-switch[aria-checked=true]{background:var(--art-seed);box-shadow:none}.ad .sp-switch[aria-checked=true]:before{top:4px;width:24px;height:24px;transform:translateX(calc(20px * var(--sp-dir,1)));background:var(--on-art);inset-inline-start:4px}@media (prefers-reduced-motion:reduce){.ad .ip-view,.ad .ip-view.is-current{transform:none!important}}.ad .ad-nav{height:64px;padding:6px 0 14px}.ad .ad-nav .ip-tab .pill{width:56px}.sp-ring .wavy{display:none}.ad .sp-mini .playpause svg.sp-ring{inset:1px}.ad .sp-ring .val{display:none}.ad .sp-ring .wavy{fill:none;stroke:var(--art-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--progress,0) 100;transition:stroke-dasharray 1s linear;display:block}.ad .sp-ring .trk{stroke:color-mix(in srgb, var(--art-accent) 24%, transparent);stroke-width:2.4px}.ad .ad-actions{gap:2px}.ad .ad-actions .sp-btn{height:56px;font:500 16px/24px var(--font-text);transition:border-radius var(--dur-med) var(--ease-spring), transform var(--dur-slow) var(--ease-spring), background-color var(--dur-fast)}.ad .ad-actions .sp-btn:first-child{border-radius:28px 8px 8px 28px}.ad .ad-actions .sp-btn:last-child{border-radius:8px 28px 28px 8px}.ad .ad-actions .sp-btn.is-pressed,.ad .ad-actions .sp-btn:active{border-radius:14px;transform:none}.ad .sp-np .sp-play{transition:border-radius var(--dur-slow) var(--ease-spring), transform var(--dur-slow) var(--ease-spring);border-radius:50%}.ad .sp-np .sp-play[data-state=playing]{border-radius:26px}.ad .ad-albumtitle{font:600 32px/40px var(--font-display);letter-spacing:-.01em}.ad .ad-albumhead .sp-art{border-radius:28px}.ad .ip-group{margin:0 var(--space-4);background:0 0;border-radius:0;gap:2px;display:grid;overflow:visible}.ad .ip-group>*{background:var(--ad-container);border-radius:4px}.ad .ip-group>:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.ad .ip-group>:last-child{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.ad .ip-group>.sp-rule:after,.ad .ip-group>.ip-row:after{border-radius:inherit}.ad .ad-card,.ad .ad-item{border-radius:20px}.ad .ip-pagesheet .ip-group>*{background:color-mix(in srgb, var(--ad-high) 60%, transparent)}.ad .ip-pagesheet .sp-choice+.sp-choice:before{border-top:0;position:static}:root{--lg-blur:14px;--lg-sat:1.6;--lg-fill:36%;--lg-hi:.2;--lg-rim:.14;--lg-ext-b:.82;--lg-ext-o:.9;--lg-shadow:#00000052}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lg-fill:46%;--lg-hi:.8;--lg-rim:.55;--lg-ext-b:1.22;--lg-ext-o:.55;--lg-shadow:#00000024}}:root[data-theme=light]{--lg-fill:46%;--lg-hi:.8;--lg-rim:.55;--lg-ext-b:1.22;--lg-ext-o:.55;--lg-shadow:#00000024}:root[data-theme=dark]{--lg-fill:36%;--lg-hi:.2;--lg-rim:.14;--lg-ext-b:.82;--lg-ext-o:.9;--lg-shadow:#00000052}.lg-glass,.ip.lg .ip-glass,.ip.lg .ip-tab.ip-search,.ip.lg .lg-btn{background:color-mix(in srgb, var(--surface-1) var(--lg-fill), transparent);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(1.05);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,var(--lg-hi)), inset 0 0 0 .5px rgba(255,255,255,var(--lg-rim)), 0 8px 28px var(--lg-shadow)}.lg-tinted,.ip.lg .ip-dock .sp-mini{background:color-mix(in srgb, var(--art-surface) 52%, transparent);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(1.05);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,var(--lg-hi)), inset 0 0 0 .5px rgba(255,255,255,var(--lg-rim)), 0 8px 28px var(--lg-shadow)}.lg-prominent-on,.ip.lg .lg-prominent,.mg .lg-prominent{background:color-mix(in srgb, var(--art-seed) 86%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.6);backdrop-filter:blur(8px)saturate(1.6);box-shadow:inset 0 1px 0 #ffffff52, inset 0 0 0 .5px #ffffff2e, 0 6px 18px color-mix(in srgb, var(--art-seed) 40%, transparent)}.lg-ext{display:none}.ip.lg .lg-ext,.mg .lg-ext{z-index:0;pointer-events:none;background:var(--cover,none) center / cover no-repeat, var(--art-deep);height:540px;filter:blur(56px) saturate(1.5) brightness(var(--lg-ext-b));opacity:var(--lg-ext-o);display:block;position:absolute;top:0;left:0;right:0;transform:scale(1.25);-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.ip.lg .ip-album{background:var(--surface-0)}.ip.lg .ip-album>:not(.lg-ext):not(.ip-navbar){z-index:1;position:relative}.ip.lg .ip-albumhead .sp-art{box-shadow:0 20px 50px #00000059}.ip.lg .ip-actions .sp-btn{border-radius:var(--radius-full)}.ip.lg .lg-btn{color:var(--ink)}.ip.lg .lg-prominent{color:var(--on-art)}.ip.lg .ip-list .sp-row.playing{background:color-mix(in srgb, var(--ink) 6%, transparent)}.ip.lg .ip-navbar:before{content:"";z-index:-1;left:0;right:0;top:calc(-1 * var(--ip-safe-top));height:calc(var(--ip-safe-top) + 76px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.ip.lg .ip-dock:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.ip.lg .ip-dock{column-gap:var(--space-3);grid-template-columns:62px 1fr 62px;grid-template-areas:"mini mini mini""tabs tabs search"}.ip.lg .ip-dockrow{display:contents}.ip.lg .ip-dock .sp-mini{grid-area:mini}.ip.lg .ip-tabs{grid-area:tabs}.ip.lg .ip-tab.ip-search{grid-area:search}.ip.lg.tabs-min .ip-dock{grid-template-areas:"tabs mini search";align-items:center}.ip.lg.tabs-min .ip-tabs{grid-template-columns:1fr;width:62px;padding:4px}.ip.lg.tabs-min .ip-tabs .ip-tab:not([aria-selected=true]),.ip.lg.tabs-min .ip-dock .sp-mini .sp-icon-btn[aria-label=Neste]{display:none}.ip.lg.tabs-min .ip-dock .sp-mini{grid-template-columns:40px 1fr auto}.ip.lg.tabs-min .ip-tabs .ip-tab[aria-selected=true]{background:0 0;gap:0;font-size:0}.ip.lg.tabs-min .ip-dock .sp-mini{box-sizing:border-box;height:62px;padding-block:8px;padding-inline:10px 8px}.ip.lg .ip-dock.lg-morph>*{animation:lg-morph var(--dur-slow) var(--ease-spring)}@keyframes lg-morph{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ip.lg .ip-dock.lg-morph>*{animation:none}}.mac-settings.lg{border-radius:26px}.mac-settings.lg .mac-settings-bar{background:0 0;border-bottom:0;padding:14px 16px 6px}.mac-settings.lg .mac-settings-tabs{border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-1) var(--lg-fill), transparent);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat));box-shadow:inset 0 1px 0 rgba(255,255,255,var(--lg-hi)), inset 0 0 0 .5px rgba(255,255,255,var(--lg-rim)), 0 8px 28px var(--lg-shadow);padding:3px}.mac-settings.lg .mac-settings-tabs button{border-radius:var(--radius-full);min-width:84px;padding:6px 10px 5px}.mac-settings.lg .mac-settings-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--ink) 10%, transparent)}.mac-settings.lg .mac-group{border-radius:14px}.mac-settings.lg .mac-form{padding-top:var(--space-3)}.wn{--wn-mica:#202020;--wn-layer:#3a3a3a4d;--wn-layer-alt:#ffffff09;--wn-stroke:#0000001f;--wn-card-stroke:#ffffff0f;--wn-ctl:#ffffff10;--wn-ctl-hover:#ffffff15;--wn-ctl-stroke:#ffffff12;--wn-ctl-bottom:#ffffff08;--wn-subtle:#ffffff10;--wn-subtle-2:#ffffff0b;--wn-text-2:#ffffffc8;--wn-text-3:#ffffff8b;--wn-acrylic:#2c2c2cc7;--wn-dialog:#2b2b2b;--wn-dialog-foot:#202020;--wn-smoke:#0000004d;--wn-divider:#ffffff15}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .wn{--wn-mica:#f3f3f3;--wn-layer:#ffffff80;--wn-layer-alt:#ffffff80;--wn-stroke:#0000000f;--wn-card-stroke:#0000000f;--wn-ctl:#ffffffb3;--wn-ctl-hover:#f9f9f980;--wn-ctl-stroke:#0000000f;--wn-ctl-bottom:#00000029;--wn-subtle:#0000000a;--wn-subtle-2:#00000006;--wn-text-2:#0000009b;--wn-text-3:#00000072;--wn-acrylic:#fcfcfcd9;--wn-dialog:#fff;--wn-dialog-foot:#f3f3f3;--wn-smoke:#0000004d;--wn-divider:#00000014}}:root[data-theme=light] .wn{--wn-mica:#f3f3f3;--wn-layer:#ffffff80;--wn-layer-alt:#ffffff80;--wn-stroke:#0000000f;--wn-card-stroke:#0000000f;--wn-ctl:#ffffffb3;--wn-ctl-hover:#f9f9f980;--wn-ctl-stroke:#0000000f;--wn-ctl-bottom:#00000029;--wn-subtle:#0000000a;--wn-subtle-2:#00000006;--wn-text-2:#0000009b;--wn-text-3:#00000072;--wn-acrylic:#fcfcfcd9;--wn-dialog:#fff;--wn-dialog-foot:#f3f3f3;--wn-smoke:#0000004d;--wn-divider:#00000014}.wn{isolation:isolate;width:1200px;height:780px;color:var(--ink);font:400 14px/20px var(--font-text);background:radial-gradient(1200px 700px at 15% -10%, color-mix(in srgb, var(--focus) 10%, transparent), transparent 60%), var(--wn-mica);box-shadow:0 0 0 1px var(--wn-stroke), 0 32px 64px #00000047, 0 2px 21px #00000038;border-radius:8px;grid-template-rows:48px 1fr 80px;grid-template-columns:280px 1fr;display:grid;position:relative;overflow:hidden}.wn-title{grid-column:1/3;grid-template-columns:280px 1fr 138px;align-items:center;display:grid}.wn-app{font:400 12px/16px var(--font-text);align-items:center;gap:14px;padding-inline-start:14px;display:flex}.wn-app .back{width:40px;height:36px;color:var(--wn-text-3);border-radius:4px;place-items:center;display:grid}.wn-app .back svg{width:16px;height:16px}.wn-app .glyph{background:var(--art-seed);border-radius:4px;width:16px;height:16px}.wn-search{box-sizing:border-box;background:var(--wn-ctl);width:420px;height:32px;box-shadow:inset 0 0 0 1px var(--wn-ctl-stroke), inset 0 -1px 0 var(--wn-ctl-bottom);color:var(--wn-text-3);border-radius:4px;justify-self:center;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;display:flex}.wn-search input{min-width:0;font:400 14px/20px var(--font-text);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.wn-search input::placeholder{color:var(--wn-text-3)}.wn-search svg{flex:none;width:16px;height:16px}.wn-search:focus-within{box-shadow:inset 0 0 0 1px var(--wn-ctl-stroke), inset 0 -2px 0 var(--focus)}.wn-caption{align-self:start;height:100%;display:flex}.wn-caption span{width:46px;height:32px;color:var(--ink);place-items:center;display:grid}.wn-caption svg{fill:none;stroke:currentColor;stroke-width:1px;width:10px;height:10px}.wn-pane{flex-direction:column;grid-row:2;gap:2px;min-height:0;padding:4px 4px 8px;display:flex}.wn-nav{cursor:default;height:36px;color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out);border-radius:4px;align-items:center;gap:14px;margin:0 4px;padding-block:0;padding-inline:16px 12px;display:flex;position:relative}.wn-nav svg{fill:none;stroke:currentColor;stroke-width:1.4px;flex:none;width:16px;height:16px}.wn-nav em{color:var(--wn-text-3);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:12px;font-style:normal}@media (hover:hover){.wn-nav:hover{background:var(--wn-subtle)}}.wn-nav.is-pressed{background:var(--wn-subtle-2)}.wn-nav.on{background:var(--wn-subtle)}.wn-nav:before{content:"";inset-inline-start:0;background:var(--art-accent);width:3px;height:16px;transition:transform var(--dur-med) var(--ease-spring);border-radius:2px;margin-top:-8px;position:absolute;top:50%;transform:scaleY(0)}.wn-nav.on:before{transform:none}.wn-nav:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;box-shadow:inset 0 0 0 3px var(--wn-mica)}.wn-pane-h{font:600 14px/20px var(--font-text);color:var(--ink);padding:14px 20px 4px}.wn-pane .spacer{flex:1}.wn-server{color:var(--wn-text-2);align-items:center;gap:10px;padding:8px 20px;font-size:12px;display:flex}.wn-server b{background:var(--signal-local);border-radius:50%;width:8px;height:8px}.wn-layer{background:var(--wn-layer);min-height:0;box-shadow:inset 1px 1px 0 var(--wn-card-stroke);border-radius:8px 0 0;grid-area:2/2;position:relative;overflow:hidden}.wn-view{scrollbar-width:thin;display:none;position:absolute;inset:0;overflow-y:auto}.wn-view.is-current{animation:wn-enter var(--dur-med) var(--ease-out);display:block}@keyframes wn-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.wn-head{background:linear-gradient(to bottom, var(--art-surface), transparent);align-items:flex-end;gap:28px;padding:36px 36px 24px;display:flex;position:relative}.wn-head .sp-art{border-radius:8px;width:192px;box-shadow:0 8px 16px #00000042}.wn-kicker{font:400 12px/16px var(--font-text);color:var(--wn-text-2)}.wn-h1{font:600 40px/52px var(--font-display);margin:2px 0 0}.wn-artist{font:600 20px/28px var(--font-display);color:var(--art-accent)}.wn-meta{font:400 14px/20px var(--font-text);color:var(--wn-text-2);align-items:center;gap:10px;margin-top:4px;display:flex}.wn-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.wn .wn-btn{height:32px;font:400 14px/20px var(--font-text);color:var(--ink);cursor:pointer;background:var(--wn-ctl);box-shadow:inset 0 0 0 1px var(--wn-ctl-stroke), inset 0 -1px 0 var(--wn-ctl-bottom);transition:background-color var(--dur-fast);border:0;border-radius:4px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.wn .wn-btn svg{fill:currentColor;width:16px;height:16px}@media (hover:hover){.wn .wn-btn:hover{background:var(--wn-ctl-hover)}}.wn .wn-btn:active,.wn .wn-btn.is-pressed{color:var(--wn-text-2)}.wn .wn-btn.accent{background:var(--art-seed);color:var(--on-art);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -1px #0006}@media (hover:hover){.wn .wn-btn.accent:hover{background:color-mix(in srgb, var(--art-seed) 90%, var(--on-art))}}.wn .wn-btn.icon{justify-content:center;width:32px;padding:0}.wn .wn-btn:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.wn .sp-dl{height:32px;font:400 14px/20px var(--font-text);background:var(--wn-ctl);box-shadow:inset 0 0 0 1px var(--wn-ctl-stroke), inset 0 -1px 0 var(--wn-ctl-bottom);border-radius:4px;padding-block:0;padding-inline:10px 12px}.wn .sp-dl .sp-dl-ico{width:18px;height:18px}.wn .sp-dl[data-state=done]:not([data-confirm]){background:0 0}.wn .sp-dl:active,.wn .sp-dl.is-pressed{transform:none}.wn-cols{font:400 12px/16px var(--font-text);color:var(--wn-text-2);border-bottom:1px solid var(--wn-divider);grid-template-columns:40px 1fr auto 56px;gap:12px;margin:0 12px;padding-block:0 6px;padding-inline:24px 36px;display:grid}.wn-cols span:last-child{text-align:end}.wn-list{padding:4px 12px 24px}.wn-list .sp-row{border-bottom:0;border-radius:4px;grid-template-columns:40px 1fr auto 56px;gap:12px;min-height:40px;padding-block:4px;padding-inline:12px 24px}.wn-list .sp-row-n{justify-items:center}.wn-list .sp-row-title{font:400 14px/20px var(--font-text)}.wn-list .sp-row-sub:empty{display:none}.wn-list .sp-row-time{text-align:end;color:var(--wn-text-2)}.wn-list .sp-row.playing{background:var(--wn-subtle)}.wn-list .sp-row.playing:before{content:"";inset-inline-start:0;background:var(--art-accent);border-radius:2px;width:3px;height:16px;margin-top:-8px;position:absolute;top:50%}.wn-player{background:var(--wn-acrylic);-webkit-backdrop-filter:blur(30px)saturate(1.3);backdrop-filter:blur(30px)saturate(1.3);box-shadow:inset 0 1px 0 var(--wn-divider);grid-area:3/1/auto/3;grid-template-columns:268px auto 1fr auto;align-items:center;gap:24px;padding-block:0;padding-inline:12px 16px;display:grid}.wn-now{align-items:center;gap:12px;min-width:0;display:flex}.wn-now .sp-art{border-radius:4px;width:56px}.wn-now .t{font:600 14px/20px var(--font-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wn-now .s{font:400 12px/16px var(--font-text);color:var(--wn-text-2)}.wn-transport{align-items:center;gap:4px;display:flex}.wn-transport .sp-icon-btn,.wn-right .sp-icon-btn{border-radius:4px;width:40px;height:40px}.wn-transport .sp-icon-btn svg,.wn-right .sp-icon-btn svg{width:18px;height:18px}.wn-transport .sp-play{background:var(--ink);width:44px;height:44px;color:var(--wn-mica)}.wn-transport .sp-play svg{width:20px;height:20px}.wn-scrubrow{flex-direction:row;align-items:center;gap:12px;min-width:0;display:flex}.wn-scrubrow .sp-wave{flex:1;height:20px}.wn-scrubrow span{font:400 12px/16px var(--font-text);color:var(--wn-text-2);font-variant-numeric:tabular-nums;width:38px}.wn-right{color:var(--ink);align-items:center;gap:2px;display:flex}.wn-page{max-width:900px;padding:28px 36px 40px}.wn-crumb{font:600 28px/36px var(--font-display);align-items:center;gap:10px;margin-bottom:20px;display:flex}.wn-crumb span:first-child{color:var(--wn-text-2)}.wn-crumb svg{fill:none;width:14px;height:14px;stroke:var(--wn-text-2);stroke-width:1.6px}.wn-sec{font:600 14px/20px var(--font-text);margin:24px 0 8px}.wn-card,.wn [data-rule-list]>.sp-rule{box-sizing:border-box;background:var(--wn-layer-alt);min-height:68px;box-shadow:inset 0 0 0 1px var(--wn-card-stroke);border-radius:4px;align-items:center;gap:16px;margin-bottom:4px;padding:12px 16px;display:flex;position:relative}.wn-card>.ico{width:20px;height:20px;color:var(--ink);flex:none}.wn-card>.ico svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:20px;height:20px}.wn-card .txt{flex:1;min-width:0}.wn-card .txt b{font:400 14px/20px var(--font-text);display:block}.wn-card .txt span{font:400 12px/16px var(--font-text);color:var(--wn-text-2)}.wn-card.block{padding:16px;display:block}.wn-card.action{cursor:pointer}@media (hover:hover){.wn-card.action:hover,.wn [data-rule-list]>.sp-rule:hover{background:var(--wn-ctl-hover)}}.wn [data-rule-list]>.sp-rule{grid-template-columns:40px 1fr auto auto;gap:12px 16px;display:grid}.wn [data-rule-list]>.sp-rule:before{display:none}.wn [data-rule-list]>.sp-rule:after{border-radius:4px}.wn .sp-rule-art{border-radius:4px;width:40px;height:40px}.wn .sp-rule-title{font:400 14px/20px var(--font-text)}.wn .sp-rule-sub{font:400 12px/16px var(--font-text);color:var(--wn-text-2)}.wn .sp-rule-status{font-size:12px}.wn .sp-storage-bar{border-radius:4px;height:8px}.wn .sp-storage-total{font:600 20px/28px var(--font-display)}.wn .sp-switch{background:var(--wn-ctl);width:40px;height:20px;box-shadow:inset 0 0 0 1px var(--wn-text-2)}.wn .sp-switch:before{top:4px;background:var(--wn-text-2);width:12px;height:12px;transition:transform var(--dur-med) var(--ease-spring), width var(--dur-fast);inset-inline-start:4px}.wn .sp-switch[aria-checked=true]{background:var(--art-seed);box-shadow:none}.wn .sp-switch[aria-checked=true]:before{transform:translateX(calc(20px * var(--sp-dir,1)));background:var(--on-art)}.wn .sp-switch-label{font:400 14px/20px var(--font-text);color:var(--ink);text-align:end;min-width:24px}.wn .sp-select{min-width:140px;height:32px;font:400 14px/20px var(--font-text);background-color:var(--wn-ctl);box-shadow:inset 0 0 0 1px var(--wn-ctl-stroke), inset 0 -1px 0 var(--wn-ctl-bottom);background-position:right 11px center;border-radius:4px;padding-block:0;padding-inline:11px 32px}.wn-smoke{z-index:20;background:var(--wn-smoke);opacity:0;visibility:hidden;transition:opacity var(--dur-fast), visibility 0s linear var(--dur-fast);position:absolute;inset:0}.wn.dialog-open .wn-smoke{opacity:1;visibility:visible;transition:opacity var(--dur-fast), visibility 0s}.wn-dialog{z-index:21;opacity:0;visibility:hidden;background:var(--wn-dialog);width:460px;box-shadow:0 0 0 1px var(--wn-stroke), 0 32px 64px #0000005e, 0 2px 21px #0000004d;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-fast), visibility 0s linear var(--dur-med);border-radius:8px;margin-left:-230px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translateY(-50%)scale(1.05)}.wn.dialog-open .wn-dialog{opacity:1;visibility:visible;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-fast), visibility 0s;transform:translateY(-50%)}.wn-dialog-body{padding:24px}.wn-dialog-body h2{font:600 20px/28px var(--font-display);margin:0 0 12px}.wn-dialog-body .lab{font:400 14px/20px var(--font-text);margin:16px 0 6px}.wn-dialog-foot{background:var(--wn-dialog-foot);box-shadow:inset 0 1px 0 var(--wn-divider);grid-template-columns:1fr 1fr;gap:8px;padding:24px;display:grid}.wn-dialog-foot .wn-btn{justify-content:center}.wn .sp-choice{grid-template-columns:20px 1fr;gap:10px;min-height:36px;padding:4px 0}.wn .sp-choice svg{display:none}.wn .sp-choice:before{content:"";width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--wn-text-2);background:var(--wn-ctl);border:0;border-radius:50%;grid-area:1/1;position:static}.wn .sp-choice[aria-checked=true]:before{background:var(--art-seed);box-shadow:inset 0 0 0 5px var(--art-seed), inset 0 0 0 10px var(--on-art)}.wn .sp-choice>div{grid-area:1/2}.wn .sp-choice b{font:400 14px/20px var(--font-text)}.wn .sp-choice span{font:400 12px/16px var(--font-text);color:var(--wn-text-2)}.wn .sp-choice:after{display:none}.wn-check{min-height:32px;font:400 14px/20px var(--font-text);cursor:pointer;align-items:center;gap:10px;display:flex}.wn-check input{appearance:none;background:var(--wn-ctl);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--wn-text-2);cursor:pointer;border-radius:4px;place-items:center;margin:0;display:grid}.wn-check input:checked{background:var(--art-seed);box-shadow:none}.wn-check input:checked:after{content:"";border:solid var(--on-art);border-width:0 0 2px 2px;width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.wn-check input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.wn .ip-estimate{font:400 12px/16px var(--font-text);color:var(--wn-text-2);margin:8px 0 0}@media (prefers-reduced-motion:reduce){.wn-view.is-current{animation:none}.wn-dialog{transform:translateY(-50%)!important}}[dir=rtl]{--sp-dir:-1}[dir=ltr]{--sp-dir:1}[dir=rtl] .sp-lyric{transform-origin:100%}[dir=rtl] .sp-select{background-position:8px}[dir=rtl] .wn .sp-select{background-position:11px}.c-glo{--cover:url(./glo-hjem-til-fjorden.C-aJZC3W.jpg);--art-seed:#873729;--art-deep:#4b160d;--art-accent:#ffb4a6;--art-surface:#311915}.c-hav{--cover:url(./havbronn-kaldt-vann.BABfXq7r.jpg);--art-seed:#1f686a;--art-deep:#002d2e;--art-accent:#8fd2d4;--art-surface:#092324}.c-natt{--cover:url(./nordlig-ensemble-morketid.DC-lni3J.jpg);--art-seed:#556dd3;--art-deep:#162358;--art-accent:#b8c4ff;--art-surface:#1b1f30}.c-rosa{--cover:url(./rosa-vinter-live.Ci_CQqn3.jpg);--art-seed:#af5c64;--art-deep:#4b141c;--art-accent:#ffb2b7;--art-surface:#31191b}.c-lave{--cover:url(./lavebandet-opptak.C6vqmCIP.jpg);--art-seed:#bf4f23;--art-deep:#4a1804;--art-accent:#ffb59b;--art-surface:#311a11}.c-betong{--cover:url(./betong-gra-sone.9dVkJ7wm.jpg);--art-seed:#6d6859;--art-deep:#292824;--art-accent:#cac6c0;--art-surface:#211f1c}.c-sol{--cover:url(./solsikke-gul-sone.CQLLn5QQ.jpg);--art-seed:#897300;--art-deep:#302700;--art-accent:#e8c400;--art-surface:#251f07}[data-theme=light] .c-glo,[data-theme=light].c-glo{--art-accent:#994536;--art-surface:#ffe5e1}[data-theme=light] .c-hav,[data-theme=light].c-hav{--art-accent:#1f686a;--art-surface:#cdf2f3}[data-theme=light] .c-natt,[data-theme=light].c-natt{--art-accent:#3d56bb;--art-surface:#e8eaff}[data-theme=light] .c-rosa,[data-theme=light].c-rosa{--art-accent:#94464e;--art-surface:#ffe5e6}[data-theme=light] .c-lave,[data-theme=light].c-lave{--art-accent:#a53c10;--art-surface:#ffe6de}[data-theme=light] .c-betong,[data-theme=light].c-betong{--art-accent:#615e59;--art-surface:#f0eae4}[data-theme=light] .c-sol,[data-theme=light].c-sol{--art-accent:#6f5d00;--art-surface:#faebb9}.ob-step.svelte-18tlxup{z-index:1;box-sizing:border-box;max-width:520px;min-height:100%;padding:var(--space-4) var(--space-6) var(--space-8);animation:svelte-18tlxup-ob-in var(--dur-med) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;position:relative}.ob-step.two.svelte-18tlxup{max-width:1040px;padding:var(--space-12) 56px;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.ob-step.svelte-18tlxup .col:where(.svelte-18tlxup){flex-direction:column;display:flex}@keyframes svelte-18tlxup-ob-in{0%{opacity:0;transform:translateX(calc(24px * var(--sp-dir,1)))}}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ob-step.svelte-18tlxup{--sp-dir:-1}.ob-nav.svelte-18tlxup{height:44px;margin:0 -8px var(--space-2);justify-content:space-between;align-items:center;display:flex}.ob-nav.svelte-18tlxup .sp-icon-btn:where(.svelte-18tlxup){width:44px;height:44px}.ob-dots.svelte-18tlxup{gap:6px;display:flex}.ob-dots.svelte-18tlxup i:where(.svelte-18tlxup){background:color-mix(in srgb, var(--ink) 22%, transparent);width:6px;height:6px;transition:width var(--dur-med), background var(--dur-med);border-radius:3px}.ob-dots.svelte-18tlxup i.on:where(.svelte-18tlxup){background:var(--ink);width:18px}h1.svelte-18tlxup{font:700 34px/40px var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.lead.svelte-18tlxup{font:400 17px/24px var(--font-text);color:var(--ink-muted);margin:0 0 22px}.ob-actions.svelte-18tlxup{padding-top:var(--space-5);flex-direction:column;gap:10px;margin-top:auto;display:flex}.ob-actions.svelte-18tlxup .sp-btn:where(.svelte-18tlxup){border-radius:26px;justify-content:center;width:100%;height:52px;font-size:17px}.two.svelte-18tlxup .ob-actions:where(.svelte-18tlxup){align-items:flex-start;margin-top:28px}.two.svelte-18tlxup .ob-actions:where(.svelte-18tlxup) .sp-btn:where(.svelte-18tlxup){border-radius:22px;width:auto;height:44px;padding:0 28px;font-size:15px}svg.svelte-18tlxup{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.ob-map.svelte-18tlxup{height:200px;margin:0 calc(-1 * var(--space-6)) 14px;position:relative;overflow:hidden}.two.svelte-18tlxup .ob-map:where(.svelte-18tlxup){background:var(--surface-1);border-radius:24px;height:360px;margin:0}.ob-map.svelte-18tlxup .line:where(.svelte-18tlxup){background:linear-gradient(color-mix(in srgb, var(--ink) 34%, transparent), color-mix(in srgb, var(--ink) 34%, transparent)) 0 4px / 100% 2px no-repeat, linear-gradient(color-mix(in srgb, var(--ink) 34%, transparent), color-mix(in srgb, var(--ink) 34%, transparent)) 0 16px / 100% 2px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 18%, transparent) 0 3px, transparent 3px 12px);height:22px;margin-top:-11px;position:absolute;top:50%;left:0;right:0}.ob-map.svelte-18tlxup .pulse:where(.svelte-18tlxup){background:var(--art-accent);width:10px;height:10px;box-shadow:0 0 10px 2px var(--art-accent);border-radius:5px;margin:-5px 0 0 -5px;position:absolute;top:50%}.ob-map.svelte-18tlxup .pulse.a:where(.svelte-18tlxup){animation:4.6s linear infinite svelte-18tlxup-ob-run-a}.ob-map.svelte-18tlxup .pulse.b:where(.svelte-18tlxup){animation:4.6s linear -2.3s infinite svelte-18tlxup-ob-run-b}@keyframes svelte-18tlxup-ob-run-a{0%{opacity:1;left:50%}85%{opacity:1}to{opacity:0;left:-3%}}@keyframes svelte-18tlxup-ob-run-b{0%{opacity:1;left:50%}85%{opacity:1}to{opacity:0;left:103%}}.ob-map.svelte-18tlxup .stop:where(.svelte-18tlxup){font:600 12px/14px var(--font-text);color:var(--ink-muted);white-space:nowrap;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;transform:translate(-50%,-23px)}.ob-map.svelte-18tlxup .stop:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup){background:var(--surface-1);width:46px;height:46px;box-shadow:0 0 0 1px var(--hairline), 0 8px 20px #0000002e;color:var(--ink);border-radius:15px;place-items:center;display:grid}.two.svelte-18tlxup .ob-map:where(.svelte-18tlxup) .stop:where(.svelte-18tlxup):not(.server) .ic:where(.svelte-18tlxup){background:var(--surface-2)}.ob-map.svelte-18tlxup .stop:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup) svg:where(.svelte-18tlxup){stroke-width:1.7px;width:24px;height:24px}.ob-map.svelte-18tlxup .stop.server:where(.svelte-18tlxup){color:var(--ink);transform:translate(-50%,-38px)}.ob-map.svelte-18tlxup .stop.server:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup){background:var(--art-seed);width:76px;height:76px;color:var(--on-art);box-shadow:0 10px 40px color-mix(in srgb, var(--art-accent) 45%, transparent);border-radius:22px}.ob-map.svelte-18tlxup .stop.server:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup) .sp-mark{--mark-rail:var(--on-art);--mark-tie:color-mix(in srgb, var(--on-art) 70%, transparent);width:46px;height:46px}.ob-points.svelte-18tlxup{gap:var(--space-4);flex-direction:column;margin:4px 0 0;padding:0;list-style:none;display:flex}.ob-points.svelte-18tlxup li:where(.svelte-18tlxup){grid-template-columns:36px 1fr;align-items:start;gap:14px;display:grid}.ob-points.svelte-18tlxup .ic:where(.svelte-18tlxup){background:var(--surface-1);width:36px;height:36px;color:var(--art-accent);border-radius:11px;place-items:center;display:grid}.ob-points.svelte-18tlxup .ic:where(.svelte-18tlxup) svg:where(.svelte-18tlxup){stroke-width:1.8px;width:20px;height:20px}.ob-points.svelte-18tlxup b:where(.svelte-18tlxup),.ob-steps.svelte-18tlxup b:where(.svelte-18tlxup){font:600 16px/21px var(--font-text);display:block}.ob-points.svelte-18tlxup span:where(.svelte-18tlxup),.ob-steps.svelte-18tlxup div:where(.svelte-18tlxup)>span:where(.svelte-18tlxup):not(.ob-path){font:400 14px/20px var(--font-text);color:var(--ink-muted);margin-top:2px;display:block}.ob-choices.svelte-18tlxup{gap:var(--space-3);flex-direction:column;display:flex}.ob-choice.svelte-18tlxup{padding:var(--space-4);background:var(--surface-1);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;text-align:start;font:inherit;transition:box-shadow var(--dur-fast), background var(--dur-fast), transform .12s;border:0;border-radius:22px;grid-template-columns:52px 1fr 24px;align-items:center;gap:14px;display:grid;position:relative}.ob-choice.svelte-18tlxup:after{content:"";border-radius:inherit;background:var(--ink);opacity:0;transition:opacity var(--dur-fast);pointer-events:none;position:absolute;inset:0}.ob-choice.svelte-18tlxup:hover:after{opacity:var(--state-hover)}.ob-choice.svelte-18tlxup:active:after{opacity:var(--state-press)}.ob-choice.svelte-18tlxup:active{transform:scale(.985)}.ob-choice.svelte-18tlxup .ic:where(.svelte-18tlxup){background:var(--surface-2);width:52px;height:52px;color:var(--ink);border-radius:16px;place-items:center;display:grid}.ob-choice.svelte-18tlxup .ic:where(.svelte-18tlxup) svg:where(.svelte-18tlxup){stroke-width:1.6px;width:28px;height:28px}.ob-choice.svelte-18tlxup b:where(.svelte-18tlxup){font:600 17px/22px var(--font-text);display:block}.ob-choice.svelte-18tlxup b:where(.svelte-18tlxup)+span:where(.svelte-18tlxup){font:400 14px/19px var(--font-text);color:var(--ink-muted);margin-top:2px;display:block}.ob-choice.svelte-18tlxup .radio:where(.svelte-18tlxup){width:22px;height:22px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%}.ob-choice[aria-checked=true].svelte-18tlxup{box-shadow:inset 0 0 0 2px var(--ink);background:var(--surface-2)}.ob-choice[aria-checked=true].svelte-18tlxup .radio:where(.svelte-18tlxup){box-shadow:inset 0 0 0 7px var(--ink)}.ob-choice[aria-checked=true].svelte-18tlxup .ic:where(.svelte-18tlxup){background:var(--art-seed);color:var(--on-art)}.ob-choice.svelte-18tlxup:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ob-steps.svelte-18tlxup{flex-direction:column;margin:0 0 18px;padding:0;list-style:none;display:flex}.ob-steps.svelte-18tlxup li:where(.svelte-18tlxup){grid-template-columns:28px 1fr;gap:14px;padding:10px 0;display:grid;position:relative}.ob-steps.svelte-18tlxup li:where(.svelte-18tlxup):not(:last-child):after{content:"";inset-inline-start:13px;background:repeating-linear-gradient(to bottom, var(--hairline) 0 4px, transparent 4px 8px);width:2px;position:absolute;top:40px;bottom:-6px}.ob-steps.svelte-18tlxup .n:where(.svelte-18tlxup){background:var(--ink);width:28px;height:28px;color:var(--surface-0);font:700 14px/1 var(--font-text);border-radius:50%;place-items:center;display:grid}.ob-steps.svelte-18tlxup b:where(.svelte-18tlxup){margin-top:3px}.ob-path.svelte-18tlxup{font:500 13px/18px var(--font-text);color:var(--ink);vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:inline-flex}.ob-path.svelte-18tlxup i:where(.svelte-18tlxup){border-radius:var(--radius-sm);background:var(--surface-2);padding:3px 9px;font-style:normal}.ob-path.svelte-18tlxup i:where(.svelte-18tlxup)+i:where(.svelte-18tlxup):before{content:"›";color:var(--ink-subtle);margin-inline:-2px 6px}.ob-in.svelte-18tlxup{box-sizing:border-box;background:var(--surface-1);width:100%;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink);font:400 17px/22px var(--font-text);border:0;border-radius:14px;padding:14px}.ob-in.code.svelte-18tlxup{font:500 14px/20px var(--font-mono);resize:none;margin-bottom:var(--space-3)}.ob-in.svelte-18tlxup:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ob-warn.svelte-18tlxup{padding:var(--space-3) 14px;background:color-mix(in srgb, var(--signal-error) 10%, var(--surface-1));font:400 13px/18px var(--font-text);color:var(--ink);border-radius:14px;grid-template-columns:20px 1fr;gap:10px;margin:0;display:grid}.ob-warn.svelte-18tlxup svg:where(.svelte-18tlxup),.ob-error.svelte-18tlxup svg:where(.svelte-18tlxup){width:18px;height:18px;stroke:var(--signal-error);stroke-width:1.8px;margin-top:1px}.ob-error.svelte-18tlxup{gap:var(--space-2);margin:0 0 var(--space-3);font:500 14px/20px var(--font-text);color:var(--signal-error);display:flex}.ob-error.svelte-18tlxup svg:where(.svelte-18tlxup){flex:none}.ob-code.svelte-18tlxup{justify-content:center;gap:var(--space-2);margin:18px 0 10px;display:flex}.ob-code.svelte-18tlxup span:where(.svelte-18tlxup){background:var(--surface-1);width:44px;height:60px;box-shadow:inset 0 0 0 1px var(--hairline);font:700 32px/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;display:grid}.ob-code.svelte-18tlxup span:where(.svelte-18tlxup):nth-child(3){margin-inline-end:var(--space-3)}.ob-wait.svelte-18tlxup{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;font:500 14px/20px var(--font-text);color:var(--ink-muted);display:flex}.ob-wait.svelte-18tlxup .spin:where(.svelte-18tlxup){border:1.5px solid var(--ink-muted);border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite svelte-18tlxup-ob-spin}@keyframes svelte-18tlxup-ob-spin{to{transform:rotate(360deg)}}.ob-invite.svelte-18tlxup{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:26px;margin-bottom:18px;padding:18px}.ob-invite.svelte-18tlxup .mk:where(.svelte-18tlxup){border-radius:var(--radius-md);background:var(--art-seed);place-items:center;width:52px;height:52px;display:grid}.ob-invite.svelte-18tlxup .mk:where(.svelte-18tlxup) .sp-mark{--mark-rail:var(--on-art);--mark-tie:color-mix(in srgb, var(--on-art) 70%, transparent);width:30px;height:30px}.ob-invite.svelte-18tlxup b:where(.svelte-18tlxup){font:700 22px/28px var(--font-display);margin:var(--space-3) 0 4px;display:block}.ob-invite.svelte-18tlxup .facts:where(.svelte-18tlxup){margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.ob-invite.svelte-18tlxup .facts:where(.svelte-18tlxup) span:where(.svelte-18tlxup){border-radius:var(--radius-full);background:var(--surface-2);font:500 12px/16px var(--font-text);color:var(--ink-muted);padding:4px 10px}.ob-invite.rich.svelte-18tlxup{padding:0;overflow:hidden}.ob-invite.svelte-18tlxup .mos:where(.svelte-18tlxup){grid-auto-columns:1fr;grid-auto-flow:column;height:96px;display:grid;position:relative}.ob-invite.svelte-18tlxup .mos:where(.svelte-18tlxup) img:where(.svelte-18tlxup){object-fit:cover;width:100%;height:100%;display:block}.ob-invite.svelte-18tlxup .mos:where(.svelte-18tlxup):after{content:"";background:linear-gradient(to bottom, transparent 20%, var(--surface-1));position:absolute;inset:0}.ob-invite.svelte-18tlxup .body:where(.svelte-18tlxup){margin-top:-26px;padding:0 18px 18px;position:relative}.ob-invite.svelte-18tlxup .body.flat:where(.svelte-18tlxup){margin-top:0;padding-top:18px}.ob-invite.svelte-18tlxup .who:where(.svelte-18tlxup){min-height:34px;font:500 14px/18px var(--font-text);color:var(--ink-muted);align-items:center;gap:10px;display:flex}.ob-invite.svelte-18tlxup .who:where(.svelte-18tlxup) .av:where(.svelte-18tlxup){background:var(--art-seed);width:34px;height:34px;color:var(--on-art);font:700 14px/1 var(--font-text);box-shadow:0 0 0 3px var(--surface-1);border-radius:50%;flex:none;place-items:center;display:grid}.ob-invite.rich.svelte-18tlxup b:where(.svelte-18tlxup){overflow-wrap:anywhere;margin:10px 0 4px}.ob-field.svelte-18tlxup{font:600 13px/16px var(--font-text);color:var(--ink-muted);flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ob-toggle.svelte-18tlxup{padding:14px var(--space-4);border-radius:var(--space-4);background:var(--surface-1);margin-bottom:var(--space-3)}.ob-toggle.svelte-18tlxup b:where(.svelte-18tlxup){font:500 15px/20px var(--font-text);display:block}.ob-toggle.svelte-18tlxup span:where(.svelte-18tlxup){font:400 13px/18px var(--font-text);color:var(--ink-subtle);display:block}.ob-path-card.svelte-18tlxup{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--hairline);margin-bottom:var(--space-3);border-radius:22px;padding:18px}.ob-path-card.svelte-18tlxup .hd:where(.svelte-18tlxup){align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.ob-path-card.svelte-18tlxup .hd:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup){border-radius:var(--radius-md);background:var(--surface-2);width:40px;height:40px;color:var(--art-accent);place-items:center;display:grid}.ob-path-card.svelte-18tlxup .hd:where(.svelte-18tlxup) .ic:where(.svelte-18tlxup) svg:where(.svelte-18tlxup){stroke-width:1.7px;width:22px;height:22px}.ob-path-card.svelte-18tlxup .hd:where(.svelte-18tlxup) b:where(.svelte-18tlxup){font:600 17px/22px var(--font-text)}.ob-path-card.svelte-18tlxup p:where(.svelte-18tlxup){margin:0 0 var(--space-3);font:400 14px/20px var(--font-text);color:var(--ink-muted)}.ob-path-card.svelte-18tlxup .ob-steps:where(.svelte-18tlxup){margin:0 0 var(--space-3)}.ob-path-card.svelte-18tlxup .ob-steps:where(.svelte-18tlxup) li:where(.svelte-18tlxup){padding:6px 0}.ob-path-card.svelte-18tlxup .ob-steps:where(.svelte-18tlxup) li:where(.svelte-18tlxup):not(:last-child):after{top:34px}.ob-path-card.svelte-18tlxup .row:where(.svelte-18tlxup){gap:var(--space-2);flex-wrap:wrap;display:flex}.ob-path-card.svelte-18tlxup .sp-btn:where(.svelte-18tlxup){height:40px;padding:0 var(--space-5)}@media (prefers-reduced-motion:reduce){.ob-map.svelte-18tlxup .pulse:where(.svelte-18tlxup){opacity:0;animation:none}.ob-step.svelte-18tlxup{animation:.12s svelte-18tlxup-ob-fade}.ob-wait.svelte-18tlxup .spin:where(.svelte-18tlxup){animation:none}}@keyframes svelte-18tlxup-ob-fade{0%{opacity:0}}.ob-sync.svelte-1rvp77z{background:var(--surface-0);color:var(--ink);isolation:isolate;font-family:var(--font-text);position:fixed;inset:0;overflow:hidden}.ob-glow.svelte-1rvp77z{z-index:0;filter:blur(60px)saturate(1.4);opacity:.75;position:absolute;inset:-20%}.ob-glow.svelte-1rvp77z i:where(.svelte-1rvp77z){aspect-ratio:1;background-image:var(--cover);opacity:0;background-size:cover;border-radius:50%;width:70%;transition:opacity 1.6s;position:absolute}.ob-glow.svelte-1rvp77z i.on:where(.svelte-1rvp77z){opacity:1}.ob-glow.svelte-1rvp77z i:where(.svelte-1rvp77z):first-child{top:0;left:-5%}.ob-glow.svelte-1rvp77z i:where(.svelte-1rvp77z):nth-child(2){top:25%;right:-10%}.ob-glow.svelte-1rvp77z i:where(.svelte-1rvp77z):nth-child(3){bottom:-10%;left:15%}.ob-wall.svelte-1rvp77z{z-index:1;grid-template-columns:repeat(var(--cols), 1fr);transform-origin:50% 30%;align-content:start;gap:5px;display:grid;position:absolute;inset:-14px;transform:rotate(-8deg)scale(1.18)}.wide.svelte-1rvp77z .ob-wall:where(.svelte-1rvp77z){inset:-40px 240px -40px -60px;transform:rotate(-6deg)scale(1.08)}.tile.svelte-1rvp77z{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 4.5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:9px;position:relative;overflow:hidden}.tile.svelte-1rvp77z:before{content:"";background:linear-gradient(color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 9%, transparent)) top / 100% 1.5px no-repeat, linear-gradient(color-mix(in srgb, var(--ink) 9%, transparent), color-mix(in srgb, var(--ink) 9%, transparent)) bottom / 100% 1.5px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, transparent) 0 2px, transparent 2px 7px);position:absolute;inset:36% 22%}.pop.svelte-1rvp77z{animation:.62s cubic-bezier(.2,1.4,.4,1) both svelte-1rvp77z-ob-pop;position:absolute;inset:0}.pop.svelte-1rvp77z .sp-art{width:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.pop.svelte-1rvp77z:after{content:"";box-shadow:inset 0 0 0 2px var(--flash,var(--ink));opacity:0;border-radius:9px;animation:.9s ease-out svelte-1rvp77z-ob-flash;position:absolute;inset:0}@keyframes svelte-1rvp77z-ob-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}}@keyframes svelte-1rvp77z-ob-flash{0%{opacity:1}to{opacity:0}}.ob-shade.svelte-1rvp77z{z-index:2;background:linear-gradient(to bottom, color-mix(in srgb, var(--surface-0) 15%, transparent) 0%, color-mix(in srgb, var(--surface-0) 35%, transparent) 40%, color-mix(in srgb, var(--surface-0) 92%, transparent) 68%, var(--surface-0) 100%);position:absolute;inset:0}.wide.svelte-1rvp77z .ob-shade:where(.svelte-1rvp77z){background:linear-gradient(90deg, color-mix(in srgb, var(--surface-0) 10%, transparent), color-mix(in srgb, var(--surface-0) 35%, transparent) 45%, color-mix(in srgb, var(--surface-0) 80%, transparent) 70%)}.ob-sync-panel.svelte-1rvp77z{z-index:3;box-sizing:border-box;max-width:520px;padding:0 var(--space-6) var(--space-8);flex-direction:column;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}.wide.svelte-1rvp77z .ob-sync-panel:where(.svelte-1rvp77z){background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-0) 90%, transparent) 22%, var(--surface-0) 60%);justify-content:flex-end;width:420px;max-width:none;padding:56px 48px 40px;top:0;left:auto}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .wide.svelte-1rvp77z .ob-sync-panel:where(.svelte-1rvp77z){left:0;right:auto}.from.svelte-1rvp77z{align-items:center;gap:var(--space-2);font:600 13px/18px var(--font-text);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;display:flex}.from.svelte-1rvp77z .dot:where(.svelte-1rvp77z){background:var(--signal-local);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite svelte-1rvp77z-ob-ping}@keyframes svelte-1rvp77z-ob-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--signal-local) 70%, transparent)}to{box-shadow:0 0 0 10px #0000}}.ob-count.svelte-1rvp77z{margin:var(--space-2) 0 2px;align-items:baseline;gap:10px;display:flex}.ob-count.svelte-1rvp77z b:where(.svelte-1rvp77z){font:700 64px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ob-count.svelte-1rvp77z span:where(.svelte-1rvp77z){font:500 18px/1 var(--font-text);color:var(--ink-muted)}.ob-latest.svelte-1rvp77z{font:400 15px/21px var(--font-text);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;height:21px;overflow:hidden}.ob-latest.svelte-1rvp77z em:where(.svelte-1rvp77z){color:var(--ink);font-style:normal;font-weight:600}.ob-track.svelte-1rvp77z{height:30px;margin:var(--space-4) 0 var(--space-2);position:relative}.ob-track.svelte-1rvp77z .rail:where(.svelte-1rvp77z){background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:1px;height:2px;position:absolute;left:0;right:0}.ob-track.svelte-1rvp77z .rail.t:where(.svelte-1rvp77z){top:6px}.ob-track.svelte-1rvp77z .rail.b:where(.svelte-1rvp77z){bottom:6px}.ob-track.svelte-1rvp77z .ties:where(.svelte-1rvp77z){justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.ob-track.svelte-1rvp77z .ties:where(.svelte-1rvp77z) i:where(.svelte-1rvp77z){background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:2px;width:3px;height:22px;transition:background .3s,height .3s,box-shadow .3s}.ob-track.svelte-1rvp77z .ties:where(.svelte-1rvp77z) i.on:where(.svelte-1rvp77z){background:var(--ink);height:30px}.ob-track.svelte-1rvp77z .ties:where(.svelte-1rvp77z) i.edge:where(.svelte-1rvp77z){background:var(--edge,var(--ink));box-shadow:0 0 10px var(--edge,var(--ink));height:30px}.is-done.svelte-1rvp77z .ob-track:where(.svelte-1rvp77z) .ties:where(.svelte-1rvp77z) i:where(.svelte-1rvp77z){background:var(--ink);height:30px;animation:1.2s ease-out both svelte-1rvp77z-ob-done;animation-delay:calc(var(--i) * 18ms)}@keyframes svelte-1rvp77z-ob-done{40%{box-shadow:0 0 14px var(--ink)}}.ob-phases.svelte-1rvp77z{gap:var(--space-4);font:500 13px/18px var(--font-text);color:var(--ink-muted);flex-wrap:wrap;margin-bottom:18px;display:flex}.ob-phases.svelte-1rvp77z span:where(.svelte-1rvp77z){align-items:center;gap:6px;display:inline-flex}.ob-phases.svelte-1rvp77z span:where(.svelte-1rvp77z):before{content:"";width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--ink-subtle);box-sizing:border-box;border-radius:50%}.ob-phases.svelte-1rvp77z span.done:where(.svelte-1rvp77z),.ob-phases.svelte-1rvp77z span.now:where(.svelte-1rvp77z){color:var(--ink)}.ob-phases.svelte-1rvp77z span.done:where(.svelte-1rvp77z):before{box-shadow:none;background:var(--signal-local) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2 6 9.6 10.5 4.6' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E") center / 14px no-repeat}.ob-phases.svelte-1rvp77z span.now:where(.svelte-1rvp77z):before{box-shadow:none;border:1.5px solid var(--ink);border-right-color:#0000;animation:.9s linear infinite svelte-1rvp77z-ob-spin}@keyframes svelte-1rvp77z-ob-spin{to{transform:rotate(360deg)}}.sp-btn.svelte-1rvp77z{background:var(--ink);width:100%;height:52px;color:var(--surface-0);border-radius:26px;justify-content:center;font-size:17px}.wide.svelte-1rvp77z .sp-btn:where(.svelte-1rvp77z){border-radius:22px;height:44px;font-size:15px}.note.svelte-1rvp77z{font:400 13px/18px var(--font-text);color:var(--ink-subtle);text-align:center;margin:10px 0 0}.is-done.svelte-1rvp77z .from:where(.svelte-1rvp77z) .dot:where(.svelte-1rvp77z){animation:none}@media (prefers-reduced-motion:reduce){.pop.svelte-1rvp77z{animation:.2s both svelte-1rvp77z-ob-fade}.pop.svelte-1rvp77z:after,.is-done.svelte-1rvp77z .ob-track:where(.svelte-1rvp77z) .ties:where(.svelte-1rvp77z) i:where(.svelte-1rvp77z),.from.svelte-1rvp77z .dot:where(.svelte-1rvp77z),.ob-phases.svelte-1rvp77z span.now:where(.svelte-1rvp77z):before{animation:none}.ob-glow.svelte-1rvp77z i:where(.svelte-1rvp77z){transition:none}}@keyframes svelte-1rvp77z-ob-fade{0%{opacity:0}}.wb{--wb-chrome:color-mix(in srgb, var(--surface-0) 72%, transparent);--wb-line:var(--hairline);isolation:isolate;background:var(--surface-0);color:var(--ink);font-family:var(--font-text);grid-template-rows:minmax(0,1fr) 84px;grid-template-columns:232px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.wb-side.svelte-12qhfyh{padding:18px var(--space-3) 100px;border-inline-end:.5px solid var(--wb-line);background:var(--surface-0);z-index:2;flex-direction:column;grid-row:1/3;gap:2px;display:flex}.wb-brand.svelte-12qhfyh{align-items:center;gap:var(--space-2);padding:var(--space-1) 10px 18px;font:700 22px/1 var(--font-display);letter-spacing:-.03em;display:flex}.wb-brand.svelte-12qhfyh .sp-mark{--mark-rail:var(--ink);--mark-tie:color-mix(in srgb, var(--ink) 70%, var(--surface-0));width:26px;height:26px}.wb-nav.svelte-12qhfyh{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);height:36px;color:var(--ink);font:500 14px/1 var(--font-text);text-align:start;cursor:pointer;background:0 0;border:0;width:100%;padding:0 10px;display:flex}.wb-nav.svelte-12qhfyh svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;color:var(--ink-muted);flex:none}.wb-nav.svelte-12qhfyh em:where(.svelte-12qhfyh){font:500 12px/1 var(--font-text);color:var(--ink-subtle);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-style:normal}.wb-nav.svelte-12qhfyh:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.wb-nav[aria-current=page].svelte-12qhfyh{background:color-mix(in srgb, var(--ink) 9%, transparent);font-weight:600}.wb-nav[aria-current=page].svelte-12qhfyh svg{color:var(--art-accent)}.wb-nav.svelte-12qhfyh:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.wb-h.svelte-12qhfyh{font:600 11px/14px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);padding:18px 10px 6px}.wb-side.svelte-12qhfyh .spacer:where(.svelte-12qhfyh){flex:1}.wb-install.svelte-12qhfyh{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--ink) 5%, transparent);font:500 12px/16px var(--font-text);color:var(--ink-muted);margin:0 2px 10px;display:grid}.wb-install.svelte-12qhfyh b:where(.svelte-12qhfyh){font:600 13px/18px var(--font-text);color:var(--ink)}.wb-install.svelte-12qhfyh .sp-btn:where(.svelte-12qhfyh){justify-self:start;height:30px;font-size:13px}.wb-server.svelte-12qhfyh{align-items:center;gap:var(--space-2);font:500 12px/16px var(--font-text);color:var(--ink-muted);padding:6px 10px;display:flex}.wb-server.svelte-12qhfyh b:where(.svelte-12qhfyh){background:var(--signal-local);border-radius:50%;width:7px;height:7px}.wb-main.svelte-12qhfyh{scrollbar-width:thin;position:relative;overflow:hidden auto}.wb-top.svelte-12qhfyh{z-index:5;height:56px;padding:0 var(--space-6);background:var(--wb-chrome);-webkit-backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);border-bottom:.5px solid #0000;align-items:center;gap:10px;display:flex;position:sticky;top:0}.wb-top.svelte-12qhfyh .sp-icon-btn:where(.svelte-12qhfyh){width:32px;height:32px}.wb-search.svelte-12qhfyh{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 7%, transparent);max-width:420px;height:36px;font:500 14px/1 var(--font-text);color:var(--ink-subtle);flex:1;margin:0 auto;padding:0 14px;display:flex}.wb-search.svelte-12qhfyh svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.wb-search.svelte-12qhfyh kbd:where(.svelte-12qhfyh){font:600 11px/1 var(--font-text);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--ink-subtle);border-radius:5px;margin-inline-start:auto;padding:3px 6px}.wb-view.svelte-12qhfyh{display:none}.wb-view.is-current.svelte-12qhfyh{display:block}.wb-player.svelte-12qhfyh{z-index:6;align-items:center;gap:var(--space-6);padding:0 var(--space-5);background:var(--wb-chrome);-webkit-backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);border-top:.5px solid var(--wb-line);grid-area:2/2;grid-template-columns:minmax(180px,1fr) minmax(320px,2.2fr) minmax(180px,1fr);display:grid}.wb-now.svelte-12qhfyh{align-items:center;gap:var(--space-3);min-width:0;display:flex}.wb-now.svelte-12qhfyh .sp-art{border-radius:var(--radius-sm);flex:none;width:52px}.wb-now.svelte-12qhfyh b:where(.svelte-12qhfyh){font:600 14px/19px var(--font-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.wb-now.svelte-12qhfyh span:where(.svelte-12qhfyh){font:500 13px/18px var(--font-text);color:var(--ink-muted)}.wb-center.svelte-12qhfyh{gap:2px;display:grid}.wb-transport.svelte-12qhfyh{justify-content:center;align-items:center;gap:10px;display:flex}.wb-transport.svelte-12qhfyh .sp-play:where(.svelte-12qhfyh){width:40px;height:40px}.wb-progress.svelte-12qhfyh{font:500 11px/1 var(--font-text);color:var(--ink-muted);font-variant-numeric:tabular-nums;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid}.wb-progress.svelte-12qhfyh span:where(.svelte-12qhfyh):last-child{text-align:end}.wb-right.svelte-12qhfyh{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.wb.narrow.svelte-12qhfyh{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.wb.narrow.svelte-12qhfyh .wb-side:where(.svelte-12qhfyh),.wb.narrow.svelte-12qhfyh .wb-player:where(.svelte-12qhfyh){display:none}.wb.narrow.svelte-12qhfyh .wb-top:where(.svelte-12qhfyh){padding:0 var(--space-4);gap:var(--space-2)}.wb.narrow.svelte-12qhfyh .wb-top:where(.svelte-12qhfyh) .ttl:where(.svelte-12qhfyh){font:700 20px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:var(--space-2);flex:1;display:flex}.wb.narrow.svelte-12qhfyh .wb-top:where(.svelte-12qhfyh) .ttl:where(.svelte-12qhfyh) .sp-mark{--mark-rail:var(--ink);--mark-tie:color-mix(in srgb, var(--ink) 70%, var(--surface-0));width:22px;height:22px}.wb-bottom.svelte-12qhfyh{z-index:6;background:var(--wb-chrome);-webkit-backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);backdrop-filter:blur(var(--blur-chrome,24px)) saturate(1.4);border-top:.5px solid var(--wb-line);grid-row:2}.wb.svelte-12qhfyh:not(.narrow) .wb-bottom:where(.svelte-12qhfyh){display:none}.wb-mini.svelte-12qhfyh{padding:var(--space-2) var(--space-3) 6px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.wb-mini.svelte-12qhfyh .sp-art{border-radius:var(--radius-sm);width:44px}.wb-mini.svelte-12qhfyh b:where(.svelte-12qhfyh){font:600 14px/18px var(--font-text);display:block}.wb-mini.svelte-12qhfyh span:where(.svelte-12qhfyh){font:500 12px/16px var(--font-text);color:var(--ink-muted)}.wb-mini.svelte-12qhfyh .sp-play:where(.svelte-12qhfyh){width:38px;height:38px}.wb-tabs.svelte-12qhfyh{padding:var(--space-1) 6px 18px;border-top:.5px solid var(--wb-line);grid-template-columns:repeat(4,1fr);display:grid}.wb-tabs.svelte-12qhfyh button:where(.svelte-12qhfyh){color:var(--ink-muted);font:500 11px/14px var(--font-text);cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;padding:6px 0;display:grid}.wb-tabs.svelte-12qhfyh svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.wb-tabs.svelte-12qhfyh button[aria-current=page]:where(.svelte-12qhfyh){color:var(--ink);font-weight:600}.wb-tabs.svelte-12qhfyh button[aria-current=page]:where(.svelte-12qhfyh) svg{color:var(--art-accent)}.wb-tabs.svelte-12qhfyh button:where(.svelte-12qhfyh):focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-sm)}.wb-banner.svelte-12qhfyh{z-index:1;gap:var(--space-3);margin:var(--space-2) var(--space-4) var(--space-4);padding:var(--space-3);background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.wb-banner.svelte-12qhfyh .sp-appicon:where(.svelte-12qhfyh){--ic-size:40px}.wb-banner.svelte-12qhfyh b:where(.svelte-12qhfyh){font:600 14px/19px var(--font-text);display:block}.wb-banner.svelte-12qhfyh span:where(.svelte-12qhfyh){font:500 12px/16px var(--font-text);color:var(--ink-muted)}.wb-banner.svelte-12qhfyh .x:where(.svelte-12qhfyh){top:6px;width:24px;height:24px;color:var(--ink-subtle);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:6px}.wb-banner.svelte-12qhfyh .x:where(.svelte-12qhfyh) svg{width:10px;height:10px}.wb-banner.svelte-12qhfyh .sp-btn:where(.svelte-12qhfyh){height:32px;font-size:13px}.wb-banner.ios.svelte-12qhfyh{grid-template-columns:40px minmax(0,1fr)}.wb-banner.ios.svelte-12qhfyh .how:where(.svelte-12qhfyh){font:500 12px/16px var(--font-text);color:var(--ink-muted);grid-column:1/-1;align-items:center;gap:6px;display:flex}.wb-banner.ios.svelte-12qhfyh .how:where(.svelte-12qhfyh) svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;color:var(--focus)}.wb-view.wb-ly.is-current.svelte-12qhfyh{z-index:1;position:absolute;inset:0}.wb.svelte-12qhfyh:has(.wb-ly.is-current:where(.svelte-12qhfyh)) .wb-top:where(.svelte-12qhfyh){-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--on-art);background:0 0;border-color:#0000}.wb-head{z-index:1;gap:var(--space-8);padding:var(--space-6) 40px 28px;align-items:flex-end;display:flex;position:relative}.wb-head .sp-art{border-radius:var(--radius-md);flex:none;width:232px;box-shadow:0 24px 60px #00000059}.wb-kicker{font:600 12px/16px var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.wb-title{margin:6px 0 var(--space-1);font:700 52px/56px var(--font-display);letter-spacing:-.03em}.wb-meta{margin-top:var(--space-1);font:500 13px/18px var(--font-text);color:var(--ink-muted);align-items:center;gap:10px;display:flex}.wb-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.wb-actions .sp-btn{height:40px;padding:0 var(--space-5)}.wb-list{z-index:1;padding:0 28px 120px;position:relative}.wb-list .sp-row{grid-template-columns:28px minmax(0,1fr) 24px 52px}.wb-section{z-index:1;padding:var(--space-2) 40px var(--space-6);position:relative}.wb-section h2{font:700 22px/28px var(--font-display);letter-spacing:-.01em;margin:0 0 14px}.wb-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.wb.narrow .wb-section{padding:var(--space-2) var(--space-4) var(--space-5)}.wb.narrow .wb-grid{grid-template-columns:1fr 1fr;gap:18px 14px}.wb.narrow .wb-head{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;align-items:flex-start;gap:18px}.wb.narrow .wb-head .sp-art{align-self:center;width:100%;max-width:300px}.wb.narrow .wb-title{font-size:30px;line-height:36px}.wb.narrow .wb-list{padding:0 6px 150px}.wb.narrow .wb-actions{flex-wrap:wrap}.wb-link.svelte-12qhfyh{max-width:460px;margin:var(--space-12) auto;text-align:center;padding:0 var(--space-6);justify-items:center;gap:18px;display:grid}.wb-link.svelte-12qhfyh .sp-mark{--mark-rail:var(--ink);--mark-tie:color-mix(in srgb, var(--ink) 70%, var(--surface-0));width:56px;height:56px}.wb-link.svelte-12qhfyh h1:where(.svelte-12qhfyh){font:700 30px/36px var(--font-display);letter-spacing:-.02em;margin:0}.wb-link.svelte-12qhfyh p:where(.svelte-12qhfyh){font:400 15px/22px var(--font-text);color:var(--ink-muted);margin:0}