@property --pt{syntax:"<length>";inherits:true;initial-value:1px}@property --lx{syntax:"<percentage>";inherits:true;initial-value:30%}@property --ly{syntax:"<percentage>";inherits:true;initial-value:0%}@layer reset{*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}svg{display:block}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:-apple-system, BlinkMacSystemFont, "Inter Variable", system-ui, "Segoe UI", Roboto, sans-serif;--screen-w:402;--screen-h:874;--screen-r:55;--bezel:16;--safe-top:62;--safe-bottom:34;--statusbar-h:54;--island-w:124;--island-h:36.67;--island-top:11;--banner-pad:14;--icon:62;--dock-inset:16;--sq:1;--red:#ff453a;--green:#30d158;--blue:#0a84ff;--yellow:#ffd60a;--orange:#ff9f0a;--label:#fff;--label-2:#ebebf59e;--label-3:#ebebf552;--fill:#7878805c;--cell:#1c1c1e;--separator:#54545899;--z-wallpaper:0;--z-wash:5;--z-home:10;--z-dim:15;--z-app:20;--z-gesture:30;--z-lock:50;--z-chrome:60;--z-banner:70;--z-alert:80;--z-cc:90;--z-cc-grab:91;--z-island:95;--z-veil:99}@supports (corner-shape:squircle){:root{--sq:1.6}}}@layer device{.stage{font-family:var(--font-ui);color:var(--label);background:radial-gradient(60% 50% at 50% 42%,#1b2142 0%,#0000 72%),radial-gradient(120% 90% at 50% 115%,#120d20 0%,#05060a 62%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage-note{text-align:center;font:500 12px/1.4 var(--font-ui);color:#ffffff61;letter-spacing:.01em;pointer-events:none;position:absolute;bottom:14px;left:0;right:0}.stage-note a{color:inherit;pointer-events:auto}.device{aspect-ratio:434/906;height:min(92dvh,960px,196.23vw);position:relative;container-type:size}.chassis{--pt:calc(100cqh / 906);--r-screen:calc(var(--screen-r) * var(--sq) * var(--pt));--r-outer:calc((var(--screen-r) * var(--sq) + var(--bezel)) * var(--pt));border-radius:var(--r-outer);box-shadow:inset 0 0 0 calc(.6 * var(--pt)) #ffffff38, inset 0 0 0 calc(2.2 * var(--pt)) #00000047, 0 calc(2 * var(--pt)) calc(3 * var(--pt)) #00000080, 0 calc(14 * var(--pt)) calc(28 * var(--pt)) #00000061, 0 calc(40 * var(--pt)) calc(90 * var(--pt)) #0000008c;background:linear-gradient(115deg,#ffffff38,#0000 22% 70%,#ffffff24),linear-gradient(#4a5262 0%,#262a33 24%,#3d4452 52%,#1f232b 78%,#464d5c 100%);position:absolute;inset:0}.glass-border{inset:calc(4.5 * var(--pt));border-radius:calc(var(--r-outer) - 4.5 * var(--pt));box-shadow:inset 0 0 0 calc(.5 * var(--pt)) #ffffff12, 0 0 0 calc(.5 * var(--pt)) #0009;background:#040406;position:absolute}.screen{inset:calc(var(--bezel) * var(--pt));border-radius:var(--r-screen);isolation:isolate;--chrome-color:#fff;background:#000;position:absolute;overflow:hidden}.screen[data-chrome=dark]{--chrome-color:#000}@supports (corner-shape:squircle){.chassis,.glass-border,.screen{corner-shape:superellipse(1.74)}}.side-btn{width:calc(3.2 * var(--pt));border-radius:calc(2 * var(--pt));box-shadow:0 0 0 calc(.4 * var(--pt)) #00000080;background:linear-gradient(90deg,#20242c,#4b5262 45%,#2a2e37);position:absolute}.side-btn.left{left:calc(-2.4 * var(--pt))}.side-btn.right{right:calc(-2.4 * var(--pt))}.side-btn.action{top:calc(136 * var(--pt));height:calc(34 * var(--pt));cursor:pointer}.side-btn.action:active{translate:calc(.8 * var(--pt)) 0}.side-btn.vol-up{top:calc(196 * var(--pt));height:calc(62 * var(--pt))}.side-btn.vol-down{top:calc(272 * var(--pt));height:calc(62 * var(--pt))}.side-btn.power{top:calc(232 * var(--pt));height:calc(96 * var(--pt));cursor:pointer}.side-btn.power:active{translate:calc(-.8 * var(--pt)) 0}.side-btn.action:focus-visible,.side-btn.power:focus-visible{outline-offset:3px;outline:2px solid #fffc}@media (width<=499px),(height<=599px){.device{aspect-ratio:auto;width:100vw;height:100dvh}.chassis{--pt:min(100cqw / 402, 100cqh / 874);box-shadow:none;background:#000;border-radius:0}.glass-border,.side-btn,.stage-note{display:none}.screen{border-radius:0;inset:0}}}@layer materials{.glass{--glass-tint:#ffffff1f;--glass-blur:calc(14 * var(--pt));--glass-sat:1.8;isolation:isolate;background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:0 calc(6 * var(--pt)) calc(20 * var(--pt)) #00000029;position:relative}.glass:before{content:"";border-radius:inherit;corner-shape:inherit;padding:max(1px, calc(.8 * var(--pt)));pointer-events:none;background:linear-gradient(172deg,#fff9,#ffffff1a 34%,#ffffff0a 64%,#ffffff4d);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass:after{content:"";border-radius:inherit;corner-shape:inherit;background:radial-gradient(90% 70% at var(--lx) var(--ly), #fff3, transparent 58%);mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;inset:0}.glass>*{z-index:1;position:relative}.glass:where(.lock-action){--glass-tint:#0000003d;--glass-sat:1.15}.glass:where(.banner,.lockn-card,.lockn-peek,.lock-la){--glass-tint:#14141880;--glass-blur:calc(22 * var(--pt));--glass-sat:1.6;box-shadow:0 calc(10 * var(--pt)) calc(30 * var(--pt)) #00000047}:root[data-glass=tinted] .glass{--glass-tint:#1a1a1e94;--glass-sat:1.4}:root[data-transparency=reduced] .glass{--glass-tint:#2c2c30f7;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-transparency=reduced] .glass:after{display:none}@media (prefers-reduced-transparency:reduce){.glass{--glass-tint:#2c2c30f7;-webkit-backdrop-filter:none;backdrop-filter:none}.glass:after{display:none}}@media (prefers-contrast:more){.glass:before{background:#ffffffd9}}}@layer system{.wallpaper{z-index:var(--z-wallpaper);background:radial-gradient(58% 36% at 18% 14%,#8460ffe6,#0000 72%),radial-gradient(52% 40% at 88% 30%,#26a8ffc7,#0000 72%),radial-gradient(64% 44% at 26% 86%,#ff7058c7,#0000 72%),radial-gradient(56% 38% at 92% 92%,#ffc4548c,#0000 72%),radial-gradient(40% 30% at 58% 56%,#18d2be52,#0000 72%),linear-gradient(#140f33 0%,#0b1432 48%,#1d0e22 100%);position:absolute;inset:0}.wallpaper:after{content:"";opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.home-wash{z-index:var(--z-wash);pointer-events:none;background:#0000001f;position:absolute;inset:0}.home-dim{z-index:var(--z-dim);pointer-events:none;background:#000;position:absolute;inset:0}.home{z-index:var(--z-home);transform-origin:50%;position:absolute;inset:0}.grid{left:calc(17 * var(--pt));right:calc(17 * var(--pt));top:calc(87 * var(--pt));row-gap:calc(17.7 * var(--pt));grid-template-columns:repeat(4,1fr);display:grid;position:absolute}.app-cell{justify-items:center;display:grid;position:relative}.app-icon{justify-items:center;gap:calc(5 * var(--pt));touch-action:manipulation;display:grid;position:relative}.app-icon:focus-visible{outline:none}.app-icon:focus-visible .tile{outline:calc(2.5 * var(--pt)) solid #ffffffd9;outline-offset:calc(3 * var(--pt))}.tile{width:calc(var(--icon) * var(--pt));height:calc(var(--icon) * var(--pt));box-shadow:0 calc(2.5 * var(--pt)) calc(8 * var(--pt)) #0000003d;background:#1c1c1e;border-radius:22.4%;transition:filter .12s ease-out;display:block;position:relative;overflow:hidden}@supports (corner-shape:squircle){.tile{corner-shape:superellipse(1.74);border-radius:35.8%}}.tile>svg{width:100%;height:100%;position:absolute;inset:0}.tile:after{content:"";border-radius:inherit;corner-shape:inherit;box-shadow:inset 0 0 0 max(.5px, calc(.6 * var(--pt))) #ffffff29, inset 0 calc(1 * var(--pt)) calc(1.2 * var(--pt)) #ffffff38;pointer-events:none;position:absolute;inset:0}.tile[data-appearance=clear]{-webkit-backdrop-filter:blur(calc(12 * var(--pt))) saturate(1.7);backdrop-filter:blur(calc(12 * var(--pt))) saturate(1.7);background:#ffffff1a}.tile[data-appearance=dark],.tile[data-appearance=tinted]{box-shadow:0 calc(2.5 * var(--pt)) calc(8 * var(--pt)) #0006}.app-icon:active .tile{filter:brightness(.78)}.label{font-size:calc(12 * var(--pt));line-height:calc(14 * var(--pt));letter-spacing:.01em;white-space:nowrap;text-shadow:0 0 calc(5 * var(--pt)) #00000059;font-weight:500}.dock{left:calc(var(--dock-inset) * var(--pt));right:calc(var(--dock-inset) * var(--pt));bottom:calc(var(--dock-inset) * var(--pt));height:calc(107 * var(--pt));border-radius:calc((var(--screen-r) * var(--sq) - var(--dock-inset)) * var(--pt));justify-content:center;align-items:center;gap:calc(25.9 * var(--pt));display:flex;position:absolute}.home-search{left:50%;bottom:calc((var(--dock-inset) + 107 + 26) * var(--pt));justify-content:center;align-items:center;gap:calc(4 * var(--pt));width:calc(96 * var(--pt));height:calc(26 * var(--pt));font-size:calc(13 * var(--pt));color:#ffffffe6;pointer-events:none;border-radius:999px;font-weight:600;display:flex;position:absolute;translate:-50%}.home-search svg{width:calc(13 * var(--pt));height:calc(13 * var(--pt))}@supports (corner-shape:squircle){.dock{corner-shape:superellipse(1.74)}}.lock{z-index:var(--z-lock);touch-action:none;cursor:grab;box-shadow:0 calc(24 * var(--pt)) calc(48 * var(--pt)) #00000080;outline:none;position:absolute;inset:0}.lock:active{cursor:grabbing}.lock:focus-visible:after{content:"";inset:calc(6 * var(--pt));border-radius:calc((var(--screen-r) * var(--sq) - 6) * var(--pt));pointer-events:none;outline:2px solid #ffffffb3;position:absolute}.lock[data-mode=center]{--nc-r:calc(44 * var(--pt));box-shadow:none}.nc-curtain{-webkit-backdrop-filter:blur(calc(.8 * var(--pt))) saturate(1.1);backdrop-filter:blur(calc(.8 * var(--pt))) saturate(1.1);pointer-events:none;background:linear-gradient(#ffffff0f,#ffffff24);position:absolute;inset:0}.lock[data-under=light] .nc-curtain{background:#0e0e1294}.nc-edge{height:calc(2 * var(--nc-r));border-radius:0 0 var(--nc-r) var(--nc-r);box-shadow:inset 0 calc(-1.2 * var(--pt)) 0 #ffffff80, 0 calc(10 * var(--pt)) calc(28 * var(--pt)) #00000029;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.lock-bottom{position:absolute;inset:0}.nc-indicator{left:50%;bottom:calc(8 * var(--pt));width:calc(134 * var(--pt));height:calc(5 * var(--pt));pointer-events:none;background:#fff;border-radius:999px;position:absolute;translate:-50%}.lock[data-mode=center] .lock-hint{opacity:0!important}.lock[data-mode=center] .lock-hint:focus-visible{opacity:1!important}.lock-cc-hint{top:calc((43.8 - 1.1) * var(--pt));left:calc((342.75 - 27) * var(--pt));width:calc(54 * var(--pt));height:calc(2.2 * var(--pt));pointer-events:none;background:#ffffff8c;border-radius:999px;position:absolute}.lock-shade{pointer-events:none;background:linear-gradient(#00000038,#0000 30% 62%,#00000052);position:absolute;inset:0}.lock-clock{left:0;right:0;top:calc(72 * var(--pt));text-align:center;pointer-events:none;position:absolute}.lock-date{font-size:calc(21 * var(--pt));line-height:calc(26 * var(--pt));letter-spacing:.005em;color:#ffffffe6;text-shadow:0 calc(1 * var(--pt)) calc(10 * var(--pt)) #00000040;font-weight:600}.lock-time{margin-top:calc(2 * var(--pt));font-size:calc(108 * var(--pt));letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(#fffffff5 0%,#ffffffb8 100%);color:#0000;filter:drop-shadow(0 calc(1 * var(--pt)) 0 #ffffff47) drop-shadow(0 calc(10 * var(--pt)) calc(24 * var(--pt)) #00000038);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:.96}.lock-actions{left:calc((75.5 - 26.4) * var(--pt));right:calc((402 - 326.5 - 26.4) * var(--pt));bottom:calc((874 - 793.5 - 26.4) * var(--pt));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.lock-action{width:calc(52.8 * var(--pt));height:calc(52.8 * var(--pt));border-radius:999px;place-items:center;display:grid}.lock-action svg{width:calc(30 * var(--pt));height:calc(30 * var(--pt))}button.lock-action{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:scale .22s cubic-bezier(.2,.9,.3,1.2),background-color .16s,color .16s}button.lock-action[data-pressing=true]{scale:1.16}button.lock-action[data-on=true]{--glass-tint:#fffffff0;color:#111}button.lock-action:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.lock-hint{left:0;right:0;bottom:calc(26 * var(--pt));text-align:center;font-size:calc(14 * var(--pt));line-height:calc(20 * var(--pt));color:#ffffffb8;pointer-events:none;font-weight:500;position:absolute}.lock-hint:focus-visible{outline-offset:calc(4 * var(--pt));border-radius:calc(8 * var(--pt));outline:2px solid #fffc}.lock-stack{left:calc(11 * var(--pt));right:calc(11 * var(--pt));bottom:calc(143 * var(--pt));height:0;position:absolute}.lockn,.lockn-peek,.lockn-header,.lock-la{transform-origin:50% 100%;position:absolute;bottom:0;left:0;right:0}.lockn-card{align-items:center;column-gap:calc(11 * var(--pt));padding:calc(var(--banner-pad) * var(--pt));border-radius:calc(26 * var(--pt));grid-template-columns:auto 1fr;display:grid}.lockn-hit,.lock-la-hit{border-radius:inherit;position:absolute;inset:0}.lockn-hit{z-index:3}.lock-la-hit{z-index:0}.lockn-hit:focus-visible,.lock-la-hit:focus-visible,.lock-la button:focus-visible,.lockn-clear:focus-visible,.lockn-less:focus-visible{outline-offset:-3px;outline:2px solid #ffffffd9}.lockn-clear{justify-content:center;align-items:center;gap:calc(5 * var(--pt));border-radius:calc(22 * var(--pt));-webkit-backdrop-filter:blur(calc(16 * var(--pt))) saturate(1.5);backdrop-filter:blur(calc(16 * var(--pt))) saturate(1.5);font-size:calc(15 * var(--pt));background:#78788080;font-weight:600;display:flex;position:absolute;top:0;bottom:0;right:0}.lockn-clear svg{width:calc(15 * var(--pt));height:calc(15 * var(--pt))}.lockn-peek{border-radius:calc(26 * var(--pt))}.lockn-header{height:calc(32 * var(--pt))}.lockn-fade{height:100%;padding:0 calc(4 * var(--pt)) 0 calc(6 * var(--pt));font-size:calc(17 * var(--pt));letter-spacing:-.01em;text-shadow:0 calc(1 * var(--pt)) calc(8 * var(--pt)) #0000004d;justify-content:space-between;align-items:center;font-weight:700;display:flex}.lockn-header[data-variant=center]{height:calc(33 * var(--pt))}.lockn-header[data-variant=center] .lockn-fade{padding:0 0 0 calc(9 * var(--pt))}.lockn-title{font-size:calc(24 * var(--pt));letter-spacing:-.01em;white-space:nowrap;margin:0;font-weight:400;line-height:1}.lockn-clear-all{min-width:calc(31 * var(--pt));height:calc(31 * var(--pt));color:#fffc;text-shadow:none;background:#1c1e248c;border-radius:999px;flex:none;place-items:center;transition:background-color .16s;display:grid}.lockn-clear-all svg{width:calc(13 * var(--pt));height:calc(13 * var(--pt))}.lockn-clear-all.is-confirm{padding:0 calc(14 * var(--pt));font-size:calc(15 * var(--pt));color:#fff;background:#7878808c;font-weight:600}.lockn-clear-all:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.lockn-less{padding:calc(5 * var(--pt)) calc(12 * var(--pt));font-size:calc(13 * var(--pt));text-shadow:none;background:#ffffff38;border-radius:999px;font-weight:600}.lockn-less:active{background:#ffffff52}.lock-la{padding:calc(14 * var(--pt)) calc(18 * var(--pt)) calc(8 * var(--pt));border-radius:calc(26 * var(--pt));flex-direction:column;display:flex}.app-window{z-index:var(--z-app);outline:none;position:absolute;inset:0}.app-cover{background:linear-gradient(160deg, var(--c1), var(--c2));position:absolute;inset:0}.app-base{background:#000;position:absolute;inset:0}.app-base--light{background:#f2f2f7}.app-stage{transform-origin:50%;position:absolute;inset:0}.app-ui{position:absolute;inset:0}.app-glyph{color:#fff;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.app-glyph svg{aspect-ratio:1;width:100%;height:auto}.home-gesture{height:calc(var(--safe-bottom) * var(--pt));z-index:var(--z-gesture);touch-action:none;cursor:grab;position:absolute;bottom:0;left:0;right:0}.home-gesture:active{cursor:grabbing}.statusbar{z-index:var(--z-chrome);height:calc((2 * var(--island-top) + var(--island-h)) * var(--pt));color:var(--chrome-color);pointer-events:none;--sb-red:#ff4245;--sb-green:#30d158;--sb-yellow:#ffd60a;--sb-gray:#98989d;transition:color .2s;position:absolute;top:0;left:0;right:0}.screen[data-chrome=dark] .statusbar{--sb-red:#ff383c;--sb-green:#34c759;--sb-yellow:#fc0;--sb-gray:#8e8e93}.sb-left,.sb-right{height:calc(64.5 * var(--pt));align-items:center;display:flex;position:absolute;top:0;left:0;translate:-50%}.sb-left{gap:calc(4.5 * var(--pt))}.sb-time{font-size:calc(17 * var(--pt));letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.sb-bell,.sb-moon{width:calc(14 * var(--pt));height:calc(14 * var(--pt))}.sb-plane{width:calc(17 * var(--pt));height:calc(17 * var(--pt));margin:0 calc(5.5 * var(--pt)) 0 calc(-1 * var(--pt))}.sb-cell{width:calc(19 * var(--pt));height:calc(12 * var(--pt));margin-right:calc(6.5 * var(--pt))}.sb-wifi{width:calc(19.5 * var(--pt));height:calc(14 * var(--pt));margin-right:calc(6.5 * var(--pt))}.sb-battery{width:calc(31 * var(--pt));height:calc(14.5 * var(--pt));overflow:visible}.sb-battery-digits{font:700 11.4px/1 var(--font-ui);letter-spacing:-.4px;font-variant-numeric:tabular-nums}.home-indicator{left:50%;bottom:calc(8 * var(--pt));width:calc(134 * var(--pt));height:calc(5 * var(--pt));background:var(--chrome-color);z-index:var(--z-chrome);pointer-events:none;border-radius:999px;transition:width .18s,background-color .2s;position:absolute;translate:-50%}.home-gesture:hover~.home-indicator{width:calc(150 * var(--pt))}.island{top:calc(var(--island-top) * var(--pt));width:calc(var(--island-w) * var(--pt));height:calc(var(--island-h) * var(--pt));color:#fff;z-index:var(--z-island);pointer-events:none;box-shadow:0 0 0 calc(.5 * var(--pt)) #ffffff0d;background:#000;border-radius:999px;transition:box-shadow .3s;position:absolute;left:50%;overflow:hidden;translate:-50%}.island[data-activity=true]{pointer-events:auto;box-shadow:0 0 0 max(.5px, calc(.5 * var(--pt))) #ffffff12}@supports (corner-shape:squircle){.island{corner-shape:superellipse(var(--island-k,1))}}.island-content{position:absolute;top:0;left:50%;translate:-50%}.island-hit{z-index:2;border-radius:inherit;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.island-hit:focus-visible,.np-btn:focus-visible,.np-open:focus-visible{outline-offset:-3px;outline:2px solid #ffffffd9}.island-scrim{z-index:calc(var(--z-island) - 1);position:absolute;inset:0}.la-art{width:calc(22 * var(--pt));height:calc(22 * var(--pt));border-radius:calc(6 * var(--pt));background:radial-gradient(70% 70% at 30% 28%, hsl(var(--h) 90% 72%), transparent 70%), radial-gradient(60% 60% at 78% 80%, hsl(calc(var(--h) + 70) 85% 62%), transparent 70%), hsl(var(--h) 45% 16%);flex:none}.la-art--lg{width:calc(44 * var(--pt));height:calc(44 * var(--pt));border-radius:calc(11 * var(--pt))}.island-lens{left:calc(50% + 44.6 * var(--pt));top:calc(var(--island-h) / 2 * var(--pt));width:calc(11 * var(--pt));height:calc(11 * var(--pt));box-shadow:0 0 0 max(.5px, calc(.6 * var(--pt))) #ffffff09;pointer-events:none;background:radial-gradient(circle at 38% 34%,#6074b280 0 9%,#11151f 28%,#07090d 60%,#040405 100%);border-radius:50%;position:absolute;translate:-50% -50%}.island-layer{position:absolute;inset:0}.wave{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.wave i{width:calc(2.2 * var(--pt));background:hsl(var(--h) 88% 72%);border-radius:999px;height:100%;transition:background-color .5s;transform:scaleY(.3)}.wave[data-playing=true] i{animation:.6s ease-in-out infinite alternate wave-bar}.wave[data-playing=true] i:first-child{animation-duration:.52s;animation-delay:-120ms}.wave[data-playing=true] i:nth-child(2){animation-duration:.76s;animation-delay:-400ms}.wave[data-playing=true] i:nth-child(3){animation-duration:.61s;animation-delay:-250ms}.wave[data-playing=true] i:nth-child(4){animation-duration:.84s;animation-delay:-600ms}.wave[data-playing=true] i:nth-child(5){animation-duration:.68s;animation-delay:-330ms}.wave[data-playing=true] i:nth-child(6){animation-duration:.56s;animation-delay:-180ms}@keyframes wave-bar{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}:root[data-motion=reduced] .wave i{animation:none!important}.np{position:absolute;inset:0}.np-open{z-index:0;border-radius:inherit;position:absolute;inset:0}.np-art{z-index:1;width:calc(65 * var(--pt));height:calc(65 * var(--pt));background:radial-gradient(70% 70% at 30% 28%, hsl(var(--h) 90% 72%), transparent 70%), radial-gradient(60% 60% at 78% 80%, hsl(calc(var(--h) + 70) 85% 62%), transparent 70%), hsl(var(--h) 45% 16%);box-shadow:inset 0 0 0 max(.5px, calc(.5 * var(--pt))) #ffffff1f;pointer-events:none;position:absolute;top:0;left:0}.np-wave-box{z-index:1;width:calc(21 * var(--pt));height:calc(11 * var(--pt));pointer-events:none;position:absolute;top:0;right:0}.np-text{left:calc(107 * var(--pt));top:calc(33 * var(--pt));width:calc(212 * var(--pt));z-index:1;pointer-events:none;position:absolute}.np-text>div{display:grid}.np-text strong,.np-text span{font-size:calc(17 * var(--pt));line-height:calc(22 * var(--pt));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-text strong{letter-spacing:-.01em;font-weight:600}.np-text span{color:#ebebf599}.np-progress{left:calc(22 * var(--pt));right:calc(22 * var(--pt));top:calc(107 * var(--pt));height:calc(16 * var(--pt));z-index:1;align-items:center;gap:calc(9 * var(--pt));pointer-events:none;display:flex;position:absolute}.np-time{min-width:calc(27 * var(--pt));font-size:calc(12 * var(--pt));font-variant-numeric:tabular-nums;color:#ebebf599;font-weight:600}.np-time--end{min-width:calc(34 * var(--pt));text-align:right}.np-bar{height:calc(5 * var(--pt));background:#fff3;border-radius:999px;flex:1;overflow:hidden}.np-bar span{border-radius:inherit;background:#ffffff9e;height:100%;transition:width .25s linear;display:block}.np-controls{z-index:1;pointer-events:none;position:absolute;inset:0}.np-btn{color:#fff;border-radius:50%;place-items:center;transition:background-color .12s ease-out;display:grid;position:absolute}.np[data-expanded=true] .np-btn:not(.np-btn--deco){pointer-events:auto}.np-btn:active{background:#ffffff1f}.np-btn--soft{color:#ebebf599}.np-btn[aria-pressed=true]{color:#fff}.np-ico-star{width:calc(27 * var(--pt));height:calc(27 * var(--pt))}.np-ico-skip{width:calc(40 * var(--pt));height:calc(40 * var(--pt))}.np-ico-play{width:calc(44 * var(--pt));height:calc(44 * var(--pt))}.np-ico-air{width:calc(27 * var(--pt));height:calc(27 * var(--pt))}.la-row,.la-progress,.la-controls{z-index:1;position:relative}.la-row .wave{width:calc(27 * var(--pt));height:calc(17 * var(--pt));flex:none}.la-row,.la-progress{pointer-events:none}.la-row{align-items:center;gap:calc(12 * var(--pt));display:flex}.la-meta{flex:1;min-width:0;display:grid}.la-meta strong{font-size:calc(16 * var(--pt));line-height:calc(20 * var(--pt));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.la-meta span{font-size:calc(14 * var(--pt));line-height:calc(18 * var(--pt));color:#ebebf59e}.la-progress{margin-top:calc(10 * var(--pt))}.la-bar{height:calc(5 * var(--pt));background:#ffffff38;border-radius:999px;overflow:hidden}.la-bar span{border-radius:inherit;background:#fff;height:100%;transition:width .25s linear;display:block}.la-times{margin-top:calc(4 * var(--pt));font-size:calc(11 * var(--pt));line-height:calc(13 * var(--pt));font-variant-numeric:tabular-nums;color:#ebebf594;justify-content:space-between;font-weight:600;display:flex}.la-controls{justify-content:center;align-items:center;gap:calc(40 * var(--pt));margin-top:calc(2 * var(--pt));display:flex}.la-controls button{width:calc(40 * var(--pt));height:calc(32 * var(--pt));border-radius:calc(10 * var(--pt));place-items:center;transition:background-color .12s ease-out;display:grid}.la-controls button:active{background:#ffffff24}.la-controls svg{width:calc(24 * var(--pt));height:calc(24 * var(--pt))}.la-controls .la-play svg{width:calc(30 * var(--pt));height:calc(30 * var(--pt))}.la-alert{height:100%;padding:0 calc(16 * var(--pt)) 0 calc(6 * var(--pt));font-size:calc(15 * var(--pt));letter-spacing:-.01em;justify-content:space-between;align-items:center;font-weight:600;display:flex}.la-alert-icon{width:calc(26 * var(--pt));height:calc(26 * var(--pt));background:#ffffff29;border-radius:50%;place-items:center;display:grid}.la-alert-icon svg{width:calc(15 * var(--pt));height:calc(15 * var(--pt))}.la-alert[data-on=true] .la-alert-icon{background:var(--red)}.la-alert[data-on=true] .la-alert-label{color:var(--red)}.la-alert[data-on=false] .la-alert-icon svg{transform-origin:50% 12%;animation:.7s ease-in-out .12s la-ring}:root[data-motion=reduced] .la-alert-icon svg{animation:none}@keyframes la-ring{0%,to{rotate:0deg}20%{rotate:16deg}40%{rotate:-13deg}60%{rotate:9deg}80%{rotate:-5deg}}.banner{z-index:var(--z-banner);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;left:50%;overflow:hidden;translate:-50%}.banner:active{cursor:grabbing}.banner-ink{z-index:1;pointer-events:none;background:#000;position:absolute;inset:0}.banner-content{z-index:2;align-items:center;column-gap:calc(11 * var(--pt));padding:calc(var(--banner-pad) * var(--pt));grid-template-columns:auto 1fr;display:grid;position:absolute;top:0;left:50%;translate:-50%}.banner-hit{z-index:3;border-radius:calc(26 * var(--pt));position:absolute;inset:0}.banner-hit:focus-visible{outline-offset:-3px;outline:2px solid #ffffffd9}.banner-icon{width:calc(38 * var(--pt));height:calc(38 * var(--pt));background:linear-gradient(160deg, var(--c1), var(--c2));box-shadow:inset 0 0 0 calc(.6 * var(--pt)) #fff3;border-radius:22.4%;place-items:center;display:grid}@supports (corner-shape:squircle){.banner-icon{corner-shape:superellipse(1.74);border-radius:35.8%}}.banner-icon svg{width:58%;height:58%}.banner-text{min-width:0;display:grid}.banner-head{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--pt));display:flex}.banner-head strong{font-size:calc(15 * var(--pt));line-height:calc(20 * var(--pt));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.banner-time{font-size:calc(13 * var(--pt));line-height:calc(18 * var(--pt));color:#ebebf59e;flex:none}.banner-body{-webkit-line-clamp:2;font-size:calc(15 * var(--pt));line-height:calc(20 * var(--pt));color:#fffffff0;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cc-under{display:contents}.cc-grab{top:0;right:0;left:calc(50% + 66 * var(--pt));height:calc(52 * var(--pt));z-index:var(--z-cc-grab);touch-action:none;cursor:grab;position:absolute}.cc-grab:active{cursor:grabbing}.nc-grab{width:calc(50% + 66 * var(--pt));height:calc(52 * var(--pt));z-index:var(--z-cc-grab);touch-action:none;cursor:grab;position:absolute;top:0;left:0}.nc-grab:active{cursor:grabbing}.nc-trigger{top:calc(14 * var(--pt));left:calc(14 * var(--pt));width:calc(104 * var(--pt));height:calc(36 * var(--pt));z-index:var(--z-cc-grab);opacity:0;pointer-events:none;border-radius:999px;position:absolute}.nc-trigger:focus-visible{opacity:1;outline-offset:0;outline:2px solid #ffffffe6}.cc-trigger{top:calc(14 * var(--pt));right:calc(14 * var(--pt));width:calc(104 * var(--pt));height:calc(36 * var(--pt));z-index:var(--z-cc-grab);opacity:0;pointer-events:none;border-radius:999px;position:absolute}.cc-trigger:focus-visible{opacity:1;outline-offset:0;outline:2px solid #ffffffe6}.cc{z-index:var(--z-cc);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font-ui);--sb-red:#ff4245;--sb-green:#30d158;--sb-yellow:#ffd60a;--sb-gray:#98989d;outline:none;position:absolute;inset:0}.cc[inert]{pointer-events:none}.cc-backdrop{-webkit-backdrop-filter:blur(calc(24 * var(--pt))) saturate(1.6) brightness(.5);backdrop-filter:blur(calc(24 * var(--pt))) saturate(1.6) brightness(.5);background:#00000042;position:absolute;inset:0}.cc-header{pointer-events:none;position:absolute;inset:0}.cc-header-btn{top:calc((34 - 11) * var(--pt));width:calc(22 * var(--pt));height:calc(22 * var(--pt));position:absolute}.cc-header-btn.left{left:calc((48.7 - 11) * var(--pt))}.cc-header-btn.right{left:calc((353 - 11) * var(--pt))}.cc-header-btn svg{width:100%;height:100%}.cc-status{left:calc(47.5 * var(--pt));right:calc(47.5 * var(--pt));top:calc((106 - 12) * var(--pt));height:calc(24 * var(--pt));font-size:calc(15.5 * var(--pt));letter-spacing:-.01em;pointer-events:none;justify-content:space-between;align-items:center;font-weight:600;line-height:1;display:flex;position:absolute}.cc-status-l,.cc-status-r{align-items:center;gap:calc(5.5 * var(--pt));display:flex}.cc-st-cell{width:calc(19 * var(--pt));height:calc(12 * var(--pt))}.cc-st-wifi{width:calc(19.5 * var(--pt));height:calc(14 * var(--pt))}.cc-st-plane,.cc-st-lock{width:calc(17 * var(--pt));height:calc(17 * var(--pt))}.cc-st-bat{width:calc(31 * var(--pt));height:calc(14.5 * var(--pt));overflow:visible}.cc-st-pct{font-variant-numeric:tabular-nums}.cc-item{left:calc(var(--x) * var(--pt));top:calc(var(--y) * var(--pt));width:calc(var(--w) * var(--pt));height:calc(var(--h) * var(--pt));position:absolute}.cc-plate,.cc-btn,.cc-slider-body{box-shadow:0 calc(6 * var(--pt)) calc(18 * var(--pt)) #0000001a;background:#ffffff21}.cc-plate:before,.cc-btn:before,.cc-slider-body:before{content:"";z-index:2;border-radius:inherit;corner-shape:inherit;padding:max(1px, calc(.9 * var(--pt)));pointer-events:none;background:linear-gradient(140deg,#ffffff9e,#ffffff1f 26%,#ffffff0d 62%,#ffffff61);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cc-plate{border-radius:calc(18 * var(--pt))}@supports (corner-shape:squircle){.cc-plate{border-radius:calc(18 * 1.6 * var(--pt));corner-shape:superellipse(1.74)}}.cc-c{left:calc((var(--cx) - var(--d) / 2) * var(--pt));top:calc((var(--cy) - var(--d) / 2) * var(--pt));width:calc(var(--d) * var(--pt));height:calc(var(--d) * var(--pt));color:#fff;background:#ffffff2e;border-radius:50%;place-items:center;transition:background-color .18s,scale .16s,opacity .18s;display:grid;position:absolute}.cc-c.big{--d:56.2}.cc-c.small{--d:25.5}.cc-c.big svg{width:calc(26 * var(--pt));height:calc(26 * var(--pt))}.cc-c.big .cc-wifi-g{width:calc(24 * var(--pt));height:calc(17.2 * var(--pt))}.cc-c.small svg{width:calc(14.5 * var(--pt));height:calc(14.5 * var(--pt))}.cc-c.small .cc-cell-g{width:calc(12.5 * var(--pt));height:calc(7.9 * var(--pt))}.cc-c[data-on=true][data-tint=blue]{background:var(--blue)}.cc-c[data-on=true][data-tint=orange]{background:var(--orange)}.cc-c[data-on=true][data-tint=green]{background:var(--green)}.cc-c:disabled{opacity:.38;cursor:default}.cc-btn{color:#fff;border-radius:50%;place-items:center;transition:background-color .18s,color .18s,scale .16s;display:grid;position:absolute;inset:0}.cc-btn svg{z-index:1;width:calc(34 * var(--pt));height:calc(34 * var(--pt));position:relative}.cc-btn[data-tint=red]{--cc-tint:#ff3b30}.cc-btn[data-tint=blue]{--cc-tint:#0a84ff}.cc-btn[data-on=true]{color:var(--cc-tint);background:#fffffff7}.cc-c:not(:disabled):active,button.cc-btn:active,.cc-focus-btn:active{scale:.94}.cc-c:focus-visible,.cc-btn:focus-visible,.cc-focus-btn:focus-visible,.cc-np-open:focus-visible,.cc-np-controls button:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.cc-focus{border-radius:999px}.cc-focus-btn{z-index:1;align-items:center;gap:calc(7 * var(--pt));padding:0 calc(8 * var(--pt)) 0 calc(14.1 * var(--pt));border-radius:inherit;text-align:left;transition:scale .16s;display:flex;position:absolute;inset:0}.cc-focus-dot{width:calc(40 * var(--pt));height:calc(40 * var(--pt));background:#ffffff2e;border-radius:50%;flex:none;place-items:center;transition:background-color .18s,color .18s;display:grid}.cc-focus-dot svg{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}.cc-focus-btn[data-on=true] .cc-focus-dot{color:#5e5ce6;background:#fff}.cc-focus-label{min-width:0;font-size:calc(12.5 * var(--pt));letter-spacing:-.02em;font-weight:600;line-height:1.12}.cc-np-open{inset:0 0 calc(44 * var(--pt)) 0;z-index:1;text-align:left;border-radius:inherit;cursor:pointer;position:absolute}.cc-np-open:disabled{cursor:default}.cc-np-art{left:calc(12.5 * var(--pt));top:calc(12.4 * var(--pt));width:calc(52 * var(--pt));height:calc(52 * var(--pt));border-radius:calc(8 * var(--pt));background:radial-gradient(70% 70% at 30% 28%, hsl(var(--h) 90% 72%), transparent 70%), radial-gradient(60% 60% at 78% 80%, hsl(calc(var(--h) + 70) 85% 62%), transparent 70%), hsl(var(--h) 45% 16%);box-shadow:inset 0 0 0 max(.5px, calc(.5 * var(--pt))) #ffffff24;position:absolute}@supports (corner-shape:squircle){.cc-np-art{border-radius:calc(8 * 1.6 * var(--pt));corner-shape:superellipse(1.74)}}.cc-np-text{left:calc(13.5 * var(--pt));right:calc(12 * var(--pt));top:calc(73 * var(--pt));gap:calc(1 * var(--pt));font-size:calc(14 * var(--pt));line-height:1.2;display:grid;position:absolute}.cc-np-title,.cc-np-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cc-np-title{font-weight:600}.cc-np-artist{color:#fff;font-weight:400}.cc-np-airplay{right:calc(12 * var(--pt));top:calc(12 * var(--pt));z-index:1;width:calc(28 * var(--pt));height:calc(28 * var(--pt));pointer-events:none;background:#ffffff1f;border-radius:50%;place-items:center;display:grid;position:absolute}.cc-np-airplay svg{width:calc(17 * var(--pt));height:calc(17 * var(--pt))}.cc-np-controls{left:0;right:0;top:calc((128.6 - 20) * var(--pt));height:calc(40 * var(--pt));z-index:1;position:absolute}.cc-np-controls button{width:calc(40 * var(--pt));height:calc(40 * var(--pt));border-radius:50%;place-items:center;transition:scale .14s;display:grid;position:absolute;top:0;translate:-50%}.cc-np-controls button:active{scale:.88}.cc-np-prev{left:calc(32.3 * var(--pt))}.cc-np-play{left:50%}.cc-np-next{left:calc(119.1 * var(--pt))}.cc-np-prev svg,.cc-np-next svg{width:calc(24 * var(--pt));height:calc(24 * var(--pt))}.cc-np-play svg{width:calc(27 * var(--pt));height:calc(27 * var(--pt))}.cc-slider{touch-action:none;cursor:ns-resize;border-radius:999px;position:absolute;inset:0}.cc-slider:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.cc-slider-body{border-radius:999px;position:absolute;inset:0;overflow:hidden}.cc-slider-fill{translate:0 calc((1 - var(--v)) * 100%);background:#fffffff7;position:absolute;inset:0}.cc-slider-icon{padding-bottom:calc((34.1 - 15) * var(--pt));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.cc-slider-icon svg{width:calc(30 * var(--pt));height:calc(30 * var(--pt))}.cc-slider-icon.is-on{color:var(--cc-tint);clip-path:inset(calc((1 - var(--v)) * 100%) 0 0 0)}.cc-pages{pointer-events:none;position:absolute;inset:0}.cc-pages svg{left:calc((381 - 8.5) * var(--pt));top:calc((var(--py) - 8.5) * var(--pt));width:calc(17 * var(--pt));height:calc(17 * var(--pt));color:#ffffff6b;position:absolute}.cc-pages svg:first-child{color:#fff}.veil{z-index:var(--z-veil);pointer-events:none;position:absolute;inset:0}.veil-dim{background:#000}.veil-lift{mix-blend-mode:soft-light;background:#fff}:root[data-transparency=reduced] .cc-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121216f7}:root[data-transparency=reduced] :is(.cc-plate,.cc-btn:not([data-on=true]),.cc-slider-body){background:#3a3a3e}@media (prefers-reduced-transparency:reduce){.cc-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121216f7}:is(.cc-plate,.cc-btn:not([data-on=true]),.cc-slider-body){background:#3a3a3e}}@media (prefers-contrast:more){:is(.cc-plate,.cc-btn,.cc-slider-body):before{background:#fffc}}}@layer apps{.app{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;color:var(--label);padding:calc(var(--safe-top) * var(--pt)) 0 calc((var(--safe-bottom) + 24) * var(--pt));font-size:calc(17 * var(--pt));line-height:calc(22 * var(--pt));-webkit-user-select:text;user-select:text;background:#000;position:absolute;inset:0;overflow-y:auto}.app::-webkit-scrollbar{display:none}.app--light{color:#000;--cell:#fff;--label-2:#3c3c4399;--separator:#3c3c4333;background:#f2f2f7}.large-title{padding:calc(6 * var(--pt)) calc(20 * var(--pt)) calc(10 * var(--pt));font-size:calc(34 * var(--pt));line-height:calc(41 * var(--pt));letter-spacing:-.012em;font-weight:700}.group{margin:0 calc(16 * var(--pt)) calc(26 * var(--pt))}.group-header{padding:0 calc(16 * var(--pt)) calc(7 * var(--pt));font-size:calc(13 * var(--pt));line-height:calc(18 * var(--pt));color:var(--label-2);text-transform:uppercase;letter-spacing:.02em;font-weight:500}.group-card{border-radius:calc(22 * var(--pt));background:var(--cell);overflow:hidden}@supports (corner-shape:squircle){.group-card{border-radius:calc(22 * var(--sq) * var(--pt));corner-shape:superellipse(1.74)}}.group-footer{padding:calc(7 * var(--pt)) calc(16 * var(--pt)) 0;font-size:calc(13 * var(--pt));line-height:calc(18 * var(--pt));color:var(--label-2)}.row{align-items:center;gap:calc(12 * var(--pt));min-height:calc(48 * var(--pt));padding:0 calc(16 * var(--pt));display:flex;position:relative}.row+.row:before{content:"";top:0;left:calc(16 * var(--pt));border-top:max(.5px, calc(.33 * var(--pt))) solid var(--separator);position:absolute;right:0}a.row{color:inherit;text-decoration:none}.row--link:active{background:#ffffff14}.row--link:focus-visible,.card-link:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.row--button{text-align:left;width:100%;color:var(--blue)}.row--button:active{background:#ffffff14}.row--button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.row-icon{color:#fff;width:calc(30 * var(--pt));height:calc(30 * var(--pt));border-radius:calc(8 * var(--pt));background:var(--fill);place-items:center;display:grid}.row-icon svg{width:calc(17 * var(--pt));height:calc(17 * var(--pt))}.row-label{flex:1}.row-value{color:var(--label-2)}.row-value--num{min-width:calc(44 * var(--pt));text-align:right;font-variant-numeric:tabular-nums}.slider{height:calc(28 * var(--pt));appearance:none;cursor:pointer;background:0 0;flex:1;margin:0}.slider::-webkit-slider-runnable-track{height:calc(4 * var(--pt));background:linear-gradient(90deg, var(--blue) var(--v), #7878805c var(--v));border-radius:999px}.slider::-webkit-slider-thumb{width:calc(28 * var(--pt));height:calc(28 * var(--pt));margin-top:calc(-12 * var(--pt));box-shadow:0 calc(2 * var(--pt)) calc(6 * var(--pt)) #00000047, 0 0 0 max(.5px, calc(.5 * var(--pt))) #0000000f;appearance:none;background:#fff;border-radius:50%}.slider::-moz-range-track{height:calc(4 * var(--pt));background:linear-gradient(90deg, var(--blue) var(--v), #7878805c var(--v));border-radius:999px}.slider::-moz-range-thumb{width:calc(28 * var(--pt));height:calc(28 * var(--pt));box-shadow:0 calc(2 * var(--pt)) calc(6 * var(--pt)) #00000047;background:#fff;border:0;border-radius:50%}.slider:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:999px}.row-chevron{width:calc(13 * var(--pt));height:calc(13 * var(--pt));color:var(--label-3)}.row--control{padding-block:calc(8 * var(--pt));justify-content:center}.prose{padding:calc(14 * var(--pt)) calc(16 * var(--pt));color:var(--label-2)}.switch{width:calc(51 * var(--pt));height:calc(31 * var(--pt));padding:calc(2 * var(--pt));background:#78788052;border-radius:999px;justify-content:flex-start;align-items:center;transition:background-color .2s;display:flex}.switch.is-on{background:var(--green);justify-content:flex-end}.switch-knob{width:calc(27 * var(--pt));height:calc(27 * var(--pt));box-shadow:0 calc(3 * var(--pt)) calc(8 * var(--pt)) #0000002e;background:#fff;border-radius:999px}.switch:focus-visible,.segment:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.segmented{width:100%;padding:calc(2 * var(--pt));background:#7676803d;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segment{height:calc(32 * var(--pt));font-size:calc(14 * var(--pt));border-radius:999px;font-weight:600;position:relative}.segment-thumb{box-shadow:0 calc(3 * var(--pt)) calc(8 * var(--pt)) #0003;background:#636366e6;border-radius:999px;position:absolute;inset:0}.segment-label{position:relative}.cards{gap:calc(14 * var(--pt));padding:0 calc(16 * var(--pt));display:grid}.card{border-radius:calc(24 * var(--pt));background:var(--cell);overflow:hidden}.card-thumb{height:calc(150 * var(--pt));background:radial-gradient(70% 90% at 20% 20%, hsl(var(--h) 90% 66%), transparent 70%), radial-gradient(60% 80% at 90% 80%, hsl(calc(var(--h) + 50) 85% 56%), transparent 70%), hsl(calc(var(--h) + 20) 45% 20%)}.card-text{padding:calc(14 * var(--pt)) calc(16 * var(--pt)) calc(16 * var(--pt))}.card-kind{font-size:calc(13 * var(--pt));color:var(--label-2);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card-title{margin-top:calc(2 * var(--pt));font-size:calc(22 * var(--pt));line-height:calc(28 * var(--pt));font-weight:700}.card-link{margin-top:calc(8 * var(--pt));color:var(--blue);font-size:calc(15 * var(--pt));word-break:break-all;text-decoration:none;display:inline-block}.card-desc{margin-top:calc(4 * var(--pt));font-size:calc(15 * var(--pt));line-height:calc(20 * var(--pt));color:var(--label-2)}.profile{justify-items:center;gap:calc(4 * var(--pt));padding:calc(8 * var(--pt)) 0 calc(24 * var(--pt));display:grid}.avatar{width:calc(96 * var(--pt));height:calc(96 * var(--pt));background:linear-gradient(160deg,#ffa463,#ee4f7f);border-radius:999px;place-items:center;display:grid}.avatar svg{width:44%;height:44%}.profile-name{margin-top:calc(10 * var(--pt));font-size:calc(22 * var(--pt));font-weight:700}.profile-role{font-size:calc(15 * var(--pt));color:var(--label-2)}.photo-grid{gap:max(1px, calc(2 * var(--pt)));grid-template-columns:repeat(3,1fr);display:grid}.photo{aspect-ratio:1;background:radial-gradient(80% 80% at 30% 25%, hsl(var(--h) 85% 64%), transparent 70%), hsl(calc(var(--h) + 40) 50% 28%)}.note{gap:calc(2 * var(--pt));padding:calc(12 * var(--pt)) calc(16 * var(--pt));display:grid}.note+.note{border-top:max(.5px, calc(.33 * var(--pt))) solid var(--separator)}.note strong{font-weight:600}.note span{font-size:calc(15 * var(--pt));color:var(--label-2)}.player{padding:calc(8 * var(--pt)) calc(28 * var(--pt));justify-items:center;display:grid}.cover{aspect-ratio:1;border-radius:calc(20 * var(--pt));background:radial-gradient(70% 70% at 30% 30%, hsl(var(--h,340) 90% 72%), transparent 70%), radial-gradient(60% 60% at 80% 80%, hsl(calc(var(--h,340) + 70) 85% 62%), transparent 70%), hsl(var(--h,340) 45% 14%);width:100%;box-shadow:0 calc(18 * var(--pt)) calc(40 * var(--pt)) #00000073;transition:background .4s}.track-row{align-items:center;gap:calc(12 * var(--pt));width:100%;margin-top:calc(24 * var(--pt));display:flex}.track-meta{flex:1;min-width:0}.track{font-size:calc(22 * var(--pt));white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.track-fav{width:calc(40 * var(--pt));height:calc(40 * var(--pt));color:var(--label-2);border-radius:50%;place-items:center;display:grid}.track-fav[aria-pressed=true]{color:#fff}.track-fav svg{width:calc(26 * var(--pt));height:calc(26 * var(--pt))}.track-fav:active{background:#ffffff1f}.artist{color:var(--label-2)}.progress{width:100%;height:calc(6 * var(--pt));margin-top:calc(22 * var(--pt));background:#fff3;border-radius:999px;overflow:hidden}.progress span{border-radius:inherit;background:#ffffffd9;height:100%;transition:width .25s linear;display:block}.times{width:100%;margin-top:calc(6 * var(--pt));font-size:calc(12 * var(--pt));line-height:calc(16 * var(--pt));font-variant-numeric:tabular-nums;color:var(--label-2);justify-content:space-between;font-weight:600;display:flex}.controls{align-items:center;gap:calc(34 * var(--pt));margin-top:calc(14 * var(--pt));display:flex}.controls svg{width:calc(42 * var(--pt));height:calc(42 * var(--pt))}.controls .play svg{width:calc(48 * var(--pt));height:calc(48 * var(--pt))}.player-route{align-items:center;gap:calc(6 * var(--pt));margin-top:calc(18 * var(--pt));font-size:calc(13 * var(--pt));color:var(--label-2);font-weight:600;display:flex}.player-route svg{width:calc(18 * var(--pt));height:calc(18 * var(--pt))}.player-note{margin-top:calc(22 * var(--pt));font-size:calc(13 * var(--pt));color:var(--label-3)}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gallery{--pt:1px;color:#fff;min-height:100vh;font-family:var(--font-ui);background:radial-gradient(80% 60% at 30% 10%,#3a3f7a,#10121c 70%);padding:24px 32px 48px}.gallery h1{font:700 22px/1.2 var(--font-ui);margin:0 0 16px}.gallery h2{font:600 14px/1.2 var(--font-ui);color:#ffffffb3;margin:18px 0 10px}.gal-icons{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.gal-icons figure{margin:0}.gal-tile{--icon:62}.gal-big{width:180px!important;height:180px!important}.gal-syms{grid-template-columns:repeat(12,72px);gap:12px;display:grid}.gal-syms figure{justify-items:center;gap:6px;margin:0;display:grid}.gal-syms svg{width:30px;height:30px}.gal-syms figcaption{font:500 9px/1.1 var(--font-ui);color:#fff9;text-align:center}.gal-sb{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gal-sb h2{width:100%}.gal-sb-item{--sb-red:#ff4245;--sb-green:#30d158;--sb-yellow:#ffd60a;--sb-gray:#98989d;background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;display:flex}.gal-cell{width:19px;height:12px}.gal-wifi{width:19.5px;height:14px}.gal-bat{width:31px;height:14.5px;overflow:visible}.gal-sb-item:nth-child(odd){color:#000;--sb-red:#ff383c;--sb-green:#34c759;--sb-yellow:#fc0;background:#f2f2f7}}