:root{color-scheme:light;--paper: #e9ecee;--ink: #33383c;--muted: #686f75;--pink: #eca8c8;--pink-dark: #a34573;--cyan: #8ad8e9;--cyan-dark: #167c9a;--mono: "Lucida Console", "Courier New", monospace;--sans: "Arial", "Helvetica", sans-serif}*{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;min-width:280px}body{color:var(--ink);font:16px/1.4 var(--sans);margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;font:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #105c88}svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{background:radial-gradient(at 50% 35%,#fcfdfd,#eceff1 60%,#e0e4e7);min-height:100svh;padding:22px 20px 10px}.page-caption,.page-footer{color:#69747d;width:min(100%,650px);font:12px/1.5 var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.page-caption{margin-bottom:16px}.page-caption>span:first-child{color:#3e4850;font-weight:700}.dsi-console{filter:drop-shadow(0 20px 18px #3b455123);width:min(100%,650px);margin:auto}.upper-housing,.lower-housing{background:linear-gradient(120deg,#fcfcfd,#f3f5f6 58%,#e0e5e8);border:1px solid #c1c9ce;grid-template-columns:70px minmax(0,1fr) 70px;gap:16px;padding:23px 19px 22px;display:grid;position:relative;box-shadow:inset 0 2px 1px #fff,inset 0 0 0 4px #ffffff70,0 3px #b8c2c9}.upper-housing{border-radius:36px 36px 9px 9px}.lower-housing{border-radius:9px 9px 36px 36px;padding-top:20px;padding-bottom:25px}.screen-bezel{background:linear-gradient(135deg,#f7c4dc,#dc97b9);border:1px solid #b47f98;border-radius:6px;min-width:0;padding:6px;position:relative;box-shadow:0 1px #fff,inset 0 1px 3px #9272874f}.upper-bezel{grid-column:2}.lower-bezel{background:linear-gradient(135deg,#b4e7ee,#78c3d8);border-color:#7aafbc}.display{background:#fafbfa;border:1px solid #73838b;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #323f522b}.display:after{content:"";z-index:3;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 2px,#1f293a06 2px 3px);position:absolute;inset:0}.upper-display{aspect-ratio:4/3}.lower-display{min-height:306px}.screen-content{flex-direction:column;height:100%;display:flex}.boot-brand-panel{background:linear-gradient(#fffffc,#f5f5ef);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px 10px 14px;display:flex}.boot-brand-panel h1{text-align:center;width:100%;margin:auto 0;font-weight:400}.brand{color:#1e2021;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brand-name{font:700 clamp(16px,2.5vw,24px)/1 var(--sans);letter-spacing:-.06em}.brand-ds{font:750 clamp(43px,6.5vw,62px)/.9 var(--sans);letter-spacing:-.09em}.brand-screens{align-self:end;gap:4px;margin:0 3px 0 5px;padding-bottom:2px;display:grid}.brand-screens i{border:2px solid #272a2c;border-radius:3px;width:15px;height:12px}.brand-screens i:last-child{border-color:#a0a6a7}.brand-edition{color:#fafbf7;width:18px;height:18px;font:bold 15px/18px var(--sans);background:#2b2f31;border-radius:50%;align-self:start;margin-left:7px}.brand-pill{color:#737d76;font:700 23px/1.1 var(--sans);letter-spacing:-.06em;border:2px solid #a2a8a3;border-radius:30px;padding:1px 14px 2px}.boot-copyright{color:#767e79;font:12px/1.2 var(--sans);letter-spacing:.05em;margin-top:22px}.boot-notice{color:#5b6168;text-align:center;background:linear-gradient(#fffffe,#f1f4fa);border:0;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:306px;padding:22px 16px 16px;display:flex}.boot-notice:focus-visible{outline-offset:-5px}.notice-heading{justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.notice-heading svg{color:#94713c;fill:#ffe39b}.notice-copy{font-size:19px;font-weight:600;line-height:1.55}.notice-detail{color:#677077;font-size:14px;line-height:1.65}.continue-text{color:#6c7783;align-items:center;gap:7px;min-height:32px;font-size:16px;line-height:1.5;display:flex}.continue-text>span{color:var(--cyan-dark)}.boot-notice:hover .continue-text{color:#176f8b}.menu-reveal{animation:.28s ease-out both screen-on}@keyframes screen-on{0%{opacity:0}to{opacity:1}}.system-bar{min-height:29px;font:12px/1 var(--sans);white-space:nowrap;background:#f3f7f9;border-bottom:2px solid #71bfd4;align-items:center;gap:8px;padding:0 9px;display:flex}.volume-mark{color:#657985;align-items:end;gap:2px;display:flex}.volume-mark svg{margin-right:1px}.volume-mark i{background:#45aac6;width:2px;height:5px}.volume-mark i:nth-of-type(2){height:7px}.volume-mark i:nth-of-type(3){height:9px}.volume-mark i:nth-of-type(4){height:11px}.user-name{color:#38687e;text-overflow:ellipsis;max-width:110px;overflow:hidden}.system-bar time{color:#576671;font-variant-numeric:tabular-nums;margin-left:auto}.battery{border:1px solid #578090;border-radius:1px;gap:1px;width:20px;height:10px;padding:1px;display:flex;position:relative}.battery:after{content:"";background:#578090;width:2px;height:4px;position:absolute;top:2px;right:-3px}.battery i{background:#65bdd6;flex:1}.album-view{background-color:#f2f5f5;background-image:linear-gradient(#d9e1e440 1px,#0000 1px),linear-gradient(90deg,#d9e1e440 1px,#0000 1px);background-size:8px 8px;border:1px solid #bfc9cf;flex-direction:column;flex:1;justify-content:space-between;min-height:0;margin:9px 10px 0;padding:10px 14px 8px;display:flex;box-shadow:0 0 0 2px #fff,0 0 0 3px #d6dce0}.album-heading-line,.album-signature{font:12px/1.2 var(--mono);color:#61717d;justify-content:space-between;align-items:center;gap:10px;display:flex}.album-heading-line span:last-child{color:var(--pink-dark)}.album-view h1{color:#2e343c;font:700 clamp(28px,4.3vw,40px)/.95 var(--mono);letter-spacing:-.065em;margin:8px 0}.album-view h1>span{color:var(--pink-dark)}.album-view h1 small{letter-spacing:-.035em;margin-top:10px;font-size:15px;line-height:1.25;display:block}.album-signature{letter-spacing:.06em;font-size:12px}.album-signature svg{color:#719caa;height:20px}.photo-toolbar{color:#68737b;justify-content:space-between;gap:12px;padding:6px 11px;font-size:12px;display:flex}.photo-toolbar>span:first-child{align-items:center;gap:4px;display:inline-flex}.preview-album-title{text-align:center;color:#576b77;font:700 .75rem/1.35 var(--mono);margin:10px 12px 6px}.preview-album-title>span{color:#94617d;display:block}.selection-preview{flex:1;place-items:center;min-height:0;margin:0 10px;display:grid;position:relative}.preview-stage{aspect-ratio:1;background-color:#f1f6f8;background-image:linear-gradient(#cbdbe33b 1px,#0000 1px),linear-gradient(90deg,#cbdbe33b 1px,#0000 1px);background-size:8px 8px;border:1px solid #afc1cb;border-radius:4px;width:min(100%,150px);overflow:hidden;box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd9df}.alpha-video{width:100%;height:100%;position:relative}.alpha-video>video,.alpha-video>canvas,.alpha-poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.alpha-video>video,.alpha-video>canvas{opacity:0}.alpha-video.is-ready .alpha-poster{visibility:hidden}.alpha-video.is-ready:not(.is-packed)>video,.alpha-video.is-ready.is-packed>canvas{opacity:1}.preview-symbol{color:#6394a5;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.preview-symbol>svg{width:45%;height:45%}.preview-symbol>span{color:#879da8;font:.875rem var(--mono)}.preview-toggle{color:#41788e;background:#f9fcfd;border:1px solid #b5c8d1;border-radius:4px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:0;right:0;box-shadow:inset 0 1px #fff}.preview-toggle:hover{background:#ddecf3}.preview-error{color:#66757d;margin-top:8px;font-size:.75rem}.menu-content{background-color:#f5f7f7;background-image:linear-gradient(#dee5e550 1px,#0000 1px),linear-gradient(90deg,#dee5e550 1px,#0000 1px);background-size:6px 6px;flex-direction:column;min-height:306px;padding:10px 0 7px;display:flex}.song-banner{text-align:center;background:linear-gradient(#fff,#f6f7f8);border:2px solid #aebbc3;border-radius:3px;align-items:center;gap:10px;min-height:84px;margin:0 12px 5px;padding:8px 11px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fff,0 2px #d2d9dc}.song-banner:after{content:"";background:#f6f7f8;border-bottom:2px solid #aebbc3;border-right:2px solid #aebbc3;width:9px;height:9px;position:absolute;bottom:-7px;left:calc(50% - 5px);transform:rotate(45deg)}.banner-icon{color:#607987}.banner-icon-mirror svg{transform:scaleX(-1)}.song-banner>div{flex:1;min-width:0}.song-position{color:#687884;font:12px/1.25 var(--mono);margin-bottom:2px;display:block}.song-banner h3{font:600 14px/1.3 var(--sans);overflow-wrap:anywhere;margin:0}.song-banner p{color:#667681;margin:3px 0 0;font-size:12px;line-height:1.3}.channel-carousel{margin-top:5px;position:relative}.channel-carousel [data-slot=carousel-content]{touch-action:pan-y pinch-zoom;overflow:hidden}.channel-track{padding-block:12px 7px;display:flex}.channel-slot{flex:0 0 92px;min-width:0;padding-inline:5px}.channel{color:#667e8b;background:linear-gradient(#fff,#f9faf9 55%,#dce3e6);border:2px solid #aab6bd;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:82px;height:81px;padding:6px;transition:border-color .12s,background .12s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #f7f9fa,0 2px #c4cdd2}.channel-art{color:#ad6388;background:#f5e3ed;border-radius:6px;place-items:center;width:44px;height:43px;display:grid}.channel-art svg{width:32px;height:32px}.channel-cyan .channel-art{color:#528b9c;background:#e1f1f4}.channel-number{color:#69747c;font:12px/1 var(--mono)}.channel.is-selected{outline-offset:2px;background:linear-gradient(#fff 0% 50%,#bce7f2);border-color:#238bac;outline:2px solid #84d9ed}.channel:hover{border-color:#298bab}.channel:focus-visible{outline-offset:3px;outline:3px solid #135c8c}.selection-pointer{z-index:1;clip-path:polygon(0 0,100% 0,50% 100%);background:#2f9cb8;width:10px;height:5px;position:absolute;top:3px;left:calc(50% - 5px)}.launch-row{justify-content:center;align-items:center;gap:17px;margin:0 12px;display:flex}.direction-button{color:#317d95;background:linear-gradient(#fff,#ddeef3);border:1px solid #9fb7c0;border-radius:4px;flex-shrink:0;place-items:center;width:44px;height:47px;display:grid;box-shadow:inset 0 0 0 2px #ffffffc0,0 1px #bed0d8}.direction-button:disabled{opacity:.32}.direction-button:not(:disabled):hover{background:#cdebf3}.direction-button:active:not(:disabled){transform:translateY(1px)}.start-button{color:#24546a;background:linear-gradient(#dbf4fb,#a0daee);border:2px solid #61b1c9;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:158px;min-height:47px;padding:5px 12px;display:flex;box-shadow:inset 0 0 0 2px #ffffff80,0 2px #73a6ba}.start-button strong{font:700 16px/1.2 var(--sans);letter-spacing:.05em}.start-button>span{font:12px/1.2 var(--sans);align-items:center;gap:3px;display:flex}.start-button:hover{background:linear-gradient(#e9faff,#b6e4f2)}.start-button:active{transform:translateY(1px)}.channel-rail{color:#668b99;background:#d3e8ed;border:1px solid #7eb2c2;border-radius:2px;align-items:center;gap:8px;margin:12px 13px 0;padding:3px 6px;font-size:10px;display:flex;box-shadow:inset 0 0 0 1px #fff}.channel-rail>div{flex:1;gap:3px;display:flex}.channel-rail i{background:#eef4f5;border:1px solid #a9bfc7;flex:1;height:7px}.channel-rail i.active{background:#62b8d1;border-color:#448ca3}.touch-hint{text-align:center;color:#66757d;margin:8px 7px 0;font-size:12px;line-height:1.4}.speakers{grid-template-columns:repeat(3,4px);gap:7px;width:26px;display:grid;position:absolute;top:49%;transform:translateY(-50%)}.speakers-left{left:42px}.speakers-right{right:42px}.speakers i{background:#8a979e;border-radius:50%;width:4px;height:4px;display:block;box-shadow:inset 0 1px 1px #62727a,0 1px #fff}.speakers i:first-child,.speakers i:last-child{grid-column:2}.rubber-foot{background:#e9edef;border:1px solid #e1e5e8;border-radius:3px;width:10px;height:10px;position:absolute;top:18px}.foot-top-left{left:35px}.foot-top-right{right:35px}.hinge{background:linear-gradient(#fcfdfe,#e8edf0 42%,#c8d3d9 84%,#dfe6e9);border:1px solid #bcc7ce;border-radius:11px;justify-content:space-between;align-items:center;height:26px;margin-block:1px 2px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 2px 2px #86969d4d}.power-lights{border-right:1px solid #c8d1d6;align-items:center;gap:6px;height:100%;padding:0 18px;display:flex}.power-lights i{background:#c1cbd0;border-radius:3px;width:3px;height:8px}.power-lights i:first-child{background:#e9aecb}.power-lights i:last-child{background:#64c8e9;box-shadow:0 0 4px #60d7f6}.hinge-camera{font:9px var(--sans);color:#929ea5;align-items:center;gap:8px;display:flex;position:absolute;left:calc(50% - 6px)}.hinge-camera>i{background:#3e4a53;border:2px solid #aab9c3;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #dce3e8}.hinge-cap{border-left:1px solid #c8d1d6;align-self:stretch;width:70px}.hardware{flex-direction:column;align-items:center;display:flex;position:relative}.hardware-left{grid-column:1}.dpad{filter:drop-shadow(0 2px #bd7da0);width:64px;height:64px;margin-top:33px;display:block;position:relative}.dpad i{background:linear-gradient(#f7c2da,#e8a0c3);border-radius:3px;width:64px;height:22px;position:absolute;top:21px;left:0;box-shadow:inset 0 1px 1px #ffe3f0}.dpad i+i{width:22px;height:64px;top:0;left:21px}.power-engraving{color:#8f9ba4;font:9px var(--sans);align-items:center;gap:7px;margin-top:auto;padding-bottom:8px;display:flex}.power-engraving svg{background:#e1e8ec;border:1px solid #bfcbd3;border-radius:50%;padding:2px}.abxy{width:74px;height:74px;margin-top:27px;position:relative}.abxy i{color:#497a8b;width:26px;height:26px;font:14px var(--sans);background:linear-gradient(#bfeaf2,#88ccdf);border:1px solid #7cb7c8;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 1px 1px #ebfcff,0 2px #7ca9b7}.key-x{top:0;left:24px}.key-y{top:24px;left:0}.key-a{top:24px;right:0}.key-b{bottom:0;left:24px}.small-controls{font:9px var(--sans);color:#8b99a3;gap:13px;margin-top:auto;padding:0 0 16px;display:grid}.small-controls>span{align-items:center;gap:6px;display:flex}.small-controls i{background:#e6aac8;border:1px solid #bc8fa7;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 1px #ffe4f1,0 1px #b487a0}.page-footer{letter-spacing:.025em;min-height:54px;padding-inline:5px;font-size:12px}.page-footer button{color:#626f77;background:0 0;border:none;align-items:center;gap:6px;min-height:44px;padding:0 3px;font-size:12px;display:flex}.page-footer button:hover{color:#196d88}.os-menu-heading{display:none}.dsi-lid{display:contents}.lid-back{display:none}.experience.is-opening{perspective:1400px;perspective-origin:50% 45%;overflow-x:clip}.opening-skip{z-index:20;top:max(52px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));color:#526b7b;background:#f9fcfdeb;border:1px solid #c5d1d8;border-radius:5px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:.875rem;display:inline-flex;position:fixed}.opening-skip:hover{background:#fff;border-color:#75bacd}.is-opening .dsi-console{filter:none;transform-style:preserve-3d;animation:dsi-settle var(--opening-duration) cubic-bezier(.22,.7,.25,1) both;position:relative}.is-opening .dsi-lid{z-index:4;transform-origin:center calc(100% + var(--lid-hinge-offset, 14.5px));transform-style:preserve-3d;animation:dsi-lid-unfold var(--opening-duration) cubic-bezier(.22,.7,.25,1) both;display:block;position:relative}.is-opening .upper-housing,.is-opening .lid-back{backface-visibility:hidden}.is-opening .upper-housing{transform:translateZ(1px)}.is-opening .lid-back{background:linear-gradient(120deg,#fcfcfd,#f3f5f6 58%,#e0e5e8);border:1px solid #c1c9ce;border-radius:9px 9px 36px 36px;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0;transform:rotateX(180deg) translateZ(6px);box-shadow:inset 0 2px 1px #fff,inset 0 0 0 4px #ffffff70,0 5px #b8c2c9}.lid-back>.brand{opacity:.78}.lid-back>span:last-of-type{color:#80919c;font:12px var(--mono);letter-spacing:.05em}.back-camera{background:#3e4a53;border:2px solid #aab9c3;border-radius:50%;width:10px;height:10px;position:absolute;bottom:20px;left:calc(50% - 5px);box-shadow:0 0 0 2px #dce3e8}.is-opening .hinge{transform:translateZ(3px)}.is-opening .lower-housing{box-shadow:inset 0 2px 1px #fff,inset 0 0 0 4px #ffffff70,0 3px #b8c2c9,0 20px 25px -15px #3b455144}.experience.is-entering{z-index:10;background:#f5f7f7;padding:0;position:fixed;inset:0;overflow:hidden}.is-entering .page-caption,.is-entering .page-footer{visibility:hidden}.is-entering .dsi-console{left:var(--frame-left);top:var(--frame-top);width:var(--frame-width);max-width:none;transform-origin:var(--screen-origin-x) var(--screen-origin-y);will-change:transform,opacity;animation:enter-operating-system var(--entry-duration) cubic-bezier(.68,0,.2,1) both;margin:0;position:absolute}.is-entering .menu-reveal{animation-duration:.16s}.is-entering .hardware,.is-entering .speakers,.is-entering .hinge{animation:frame-dissolve var(--entry-duration) ease both}@keyframes frame-dissolve{0%,20%{opacity:1}65%,to{opacity:0}}.experience.is-menu{background:#edf2f4;padding:0}.is-menu .page-caption,.is-menu .hardware,.is-menu .speakers,.is-menu .rubber-foot,.is-menu .hinge{display:none}.is-menu .dsi-console{width:min(100%,720px);min-height:calc(100svh - 56px - env(safe-area-inset-bottom));min-height:calc(100dvh - 56px - env(safe-area-inset-bottom));filter:none;background:#f5f7f7;flex-direction:column;display:flex;transform:none}.is-menu .upper-housing,.is-menu .lower-housing{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block}.is-menu .screen-bezel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.is-menu .display{box-shadow:none;border:0;border-radius:0;overflow:visible}.is-menu .display:after{opacity:.22}.is-menu .upper-display{aspect-ratio:auto}.is-menu .screen-content{height:auto;animation:.35s ease-out both os-arrive}.is-menu .system-bar{min-height:44px;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));gap:10px;font-size:.8125rem}.is-menu .album-view{margin:18px 20px 0;padding:14px 20px 12px}.is-menu .album-view h1{margin:12px 0;font-size:clamp(2rem,7.2vw,3rem);line-height:.98}.is-menu .album-view h1 br{display:none}.is-menu .album-view h1>span{margin-left:.2em}.is-menu .album-view h1 small{letter-spacing:-.03em;margin-top:9px;font-size:1rem}.is-menu .photo-toolbar{padding:8px 22px 12px}.is-menu .artwork-panel{--preview-size: clamp(200px, 29svh, 300px);flex-direction:column;flex:1 0 auto;justify-content:center;padding:10px 0 16px;display:flex}.is-menu .preview-album-title{margin:0 20px 12px;font-size:.875rem}.is-menu .selection-preview{width:min(calc(100% - 40px),calc(var(--preview-size) + 120px));flex:none;margin:2px auto 3px}.is-menu .preview-stage{width:var(--preview-size);max-width:calc(100% - 112px)}.is-menu .preview-symbol>span{font-size:1rem}.is-menu .preview-toggle{right:0}.is-menu .lower-housing{border-top:1px solid #becdd4;flex:1;display:flex}.is-menu .lower-bezel{flex:1;display:flex}.is-menu .lower-display{width:100%;min-height:0;display:flex}.is-menu .menu-content{width:100%;min-height:0;padding:20px 0 18px;animation:.35s ease-out both os-arrive}.is-menu .os-menu-heading{font:700 .875rem/1.4 var(--sans);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:12px;margin:0 22px 16px;display:flex}.is-menu .os-menu-heading:focus{outline:none}.is-menu .os-menu-heading small{font:.8125rem/1.4 var(--sans);letter-spacing:0;color:#697982}.is-menu .song-banner{gap:14px;min-height:96px;margin:0 20px 12px;padding:12px 16px}.is-menu .banner-icon{flex-shrink:0;place-items:center;width:38px;display:grid}.is-menu .banner-icon svg{width:30px;height:30px}.is-menu .song-position{margin-bottom:5px;font-size:.75rem}.is-menu .song-banner h3{font-size:1.125rem;line-height:1.3}.is-menu .song-banner p{margin-top:5px;font-size:.875rem}.is-menu .channel-carousel{flex-shrink:0;margin-block:0 16px;padding-top:4px}.is-menu .song-banner,.is-menu .os-menu-heading,.is-menu .launch-row{flex-shrink:0}.is-menu .channel-track{padding-block:15px 10px}.is-menu .channel-slot{flex-basis:clamp(112px,32vw,146px);padding-inline:7px}.is-menu .channel{border-radius:9px;gap:9px;width:100%;height:clamp(112px,32vw,136px)}.is-menu .channel-art{border-radius:8px;width:64px;height:62px}.is-menu .channel-art svg{width:44px;height:44px}.is-menu .channel-number{font-size:.875rem}.is-menu .selection-pointer{top:6px}.is-menu .launch-row{gap:16px;margin:0 20px}.is-menu .direction-button{width:52px;height:60px}.is-menu .start-button{flex:1;gap:4px;min-width:0;max-width:280px;min-height:60px}.is-menu .start-button strong{font-size:1.125rem}.is-menu .start-button>span{font-size:.875rem}.is-menu .channel-rail{margin:18px 22px 0;padding-block:5px}.is-menu .channel-rail i{height:9px}.is-menu .touch-hint{margin:12px 18px 0;font-size:.875rem}.is-menu .page-footer{width:min(100%,720px);min-height:56px;padding:4px max(20px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#f3f6f7;border-top:1px solid #ccd7dd;font-size:.75rem}.is-menu .page-footer button{font-size:.875rem}@media(width<=600px){.experience{padding:max(14px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.page-caption,.dsi-console,.page-footer{width:min(100%,430px)}.page-caption{letter-spacing:.02em;margin-bottom:12px;font-size:12px}.page-caption>span:last-child{letter-spacing:-.03em;font-size:12px}.upper-housing,.lower-housing{border-radius:23px 23px 6px 6px;padding:13px 11px 12px;display:block}.lower-housing{border-radius:6px 6px 23px 23px;padding:12px 11px 14px}.is-opening .lid-back{border-radius:6px 6px 23px 23px}.experience.is-opening{--opening-lift: -12%;--opening-tilt: -6deg;--opening-scale: .72}.is-opening .page-footer{visibility:hidden}.opening-skip{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.hardware,.speakers,.rubber-foot{display:none}.screen-bezel{border-radius:4px;padding:5px}.upper-display{aspect-ratio:4/3}.hinge{border-radius:7px;height:20px}.hinge-cap{width:45px}.power-lights{gap:5px;padding-inline:13px}.power-lights i{height:7px}.hinge-camera>i{width:8px;height:8px}.brand-name{font-size:clamp(16px,5.2vw,24px)}.brand-ds{font-size:clamp(43px,13vw,59px)}.brand-pill{font-size:21px}.boot-copyright{margin-top:16px}.boot-notice{gap:16px;padding:18px 10px 14px}.notice-heading{gap:5px;font-size:14px}.notice-heading svg{width:18px}.notice-copy{font-size:18px}.notice-detail{font-size:14px}.continue-text{font-size:16px}.album-view{margin-top:8px;padding:9px 12px 7px}.album-view h1{font-size:clamp(28px,9vw,40px)}.album-view h1 small{margin-top:8px;font-size:14px}.song-banner{margin-inline:10px;padding-inline:8px}.banner-icon{display:none}.launch-row{gap:13px}.page-footer{min-height:48px;padding-inline:2px}.is-menu .artwork-panel{--preview-size: clamp(160px, 21svh, 200px)}.is-menu .menu-content{padding-block:14px}.is-menu .os-menu-heading{margin-bottom:12px}.is-menu .song-banner{min-height:88px}.is-menu .photo-toolbar{padding-bottom:10px}}@media(width<=360px){.experience{padding-inline:7px}.page-caption>span:last-child{text-align:right;max-width:130px}.upper-housing,.lower-housing{padding-inline:8px}.system-bar{gap:5px;padding-inline:6px}.volume-mark i{display:none}.notice-heading{max-width:245px}.notice-copy{font-size:16px}.continue-text{gap:4px;font-size:14px}.album-view h1{margin-block:5px;font-size:28px}.album-signature svg{height:15px}.photo-toolbar{padding-block:4px}.launch-row{gap:9px}.start-button{min-width:144px}.touch-hint{margin-inline:12px}.footer-instruction{font-size:12px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--plastic-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .24 0 0 0 0 .28 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.upper-housing:before,.lower-housing:before{content:"";pointer-events:none;border-radius:inherit;background:var(--plastic-grain),radial-gradient(130% 80% at 16% 0%,#ffffffc4,#fff0 48%),linear-gradient(180deg,#fff6,#fff0 18% 82%,#c6d0d633);position:absolute;inset:0}.screen-bezel:after{content:"";z-index:4;pointer-events:none;opacity:.7;background:linear-gradient(118deg,#fff0 38%,#ffffff2e 46%,#ffffff12 52%,#fff0 60%);background-position:var(--glare-x, 50%) var(--glare-y, 50%);background-size:260% 260%;border-radius:2px;position:absolute;inset:6px}.display{box-shadow:inset 0 1px 4px #323f522b,inset 0 0 22px #2a3a4a12}.dpad{transition:transform .12s ease,filter .12s ease}.dpad:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#df8db4,#f2b9d3 72%);border-radius:50%;width:13px;height:13px;position:absolute;top:calc(50% - 6.5px);left:calc(50% - 6.5px);box-shadow:inset 0 1px 2px #b86b91}.dpad i{background:linear-gradient(#fff5,#fff0 45%),linear-gradient(#f7c2da,#e8a0c3)}.dpad-zone{z-index:2;pointer-events:none;position:absolute}.dpad-zone-up{width:22px;height:21px;top:0;left:21px}.dpad-zone-down{width:22px;height:21px;top:43px;left:21px}.dpad-zone-left{width:21px;height:22px;top:21px;left:0}.dpad-zone-right{width:21px;height:22px;top:21px;left:43px}.dpad.is-dpad-up{filter:drop-shadow(0 1px #bd7da0);transform:perspective(160px) rotateX(-9deg)}.dpad.is-dpad-down{filter:drop-shadow(0 1px #bd7da0);transform:perspective(160px) rotateX(9deg)}.dpad.is-dpad-left{filter:drop-shadow(0 1px #bd7da0);transform:perspective(160px) rotateY(9deg)}.dpad.is-dpad-right{filter:drop-shadow(0 1px #bd7da0);transform:perspective(160px) rotateY(-9deg)}.abxy i{background:radial-gradient(circle at 36% 26%,#f4feff 0 16%,#fff0 44%),linear-gradient(#bfeaf2,#88ccdf);transition:transform .1s ease,box-shadow .1s ease}.small-controls i{transition:transform .1s ease,box-shadow .1s ease}.abxy i[data-pressed]{transform:translateY(2px);box-shadow:inset 0 1px 2px #5f97a6,0 0 #7ca9b7}.small-controls i[data-pressed]{transform:translateY(1px);box-shadow:inset 0 1px 2px #b487a0,0 0 #b487a0}.is-start .abxy i,.is-start .small-controls i,.is-start .dpad-zone{cursor:pointer;pointer-events:auto}.is-start .abxy i:hover{filter:brightness(1.05)}.hinge-camera>i,.back-camera{background:radial-gradient(circle at 35% 30%,#9fb4c2 0 12%,#3e4a53 38%,#1f272d)}.hinge:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffffd0 18% 82%,#fff0);height:1px;position:absolute;top:6px;left:12px;right:12px}.power-lights i{transition:background .3s,box-shadow .3s}.power-lights i.led-power{box-shadow:0 0 4px #60d7f6,0 0 9px #60d7f666}.is-start .led-wireless,.is-menu .led-wireless{animation:led-wireless 5.5s ease-in-out 1.5s infinite}@keyframes led-wireless{0%,86%,to{opacity:1}89%,95%{opacity:.35}92%{opacity:1}}.lid-edge,.body-edge,.console-shadow,.screen-power{display:none}.is-opening .page-caption{animation:fade-soft var(--opening-duration) ease both}.opening-skip{animation:skip-in .5s var(--ease-out-expo) .35s both}@keyframes fade-soft{0%{opacity:0}14%,to{opacity:1}}@keyframes skip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes dsi-settle{0%{opacity:0;transform:translateY(calc(var(--opening-lift, -18%) - 90px)) rotateX(40deg) rotate(calc(var(--opening-tilt, -10deg) * 1.7)) scale(calc(var(--opening-scale, .85) * .8));animation-timing-function:cubic-bezier(.18,.7,.3,1)}13%{opacity:1;transform:translateY(calc(var(--opening-lift, -18%) + 7px)) rotateX(21deg) rotate(var(--opening-tilt, -10deg)) scale(calc(var(--opening-scale, .85) * 1.01));animation-timing-function:cubic-bezier(.3,0,.3,1)}19%,28%{opacity:1;transform:translateY(var(--opening-lift, -18%)) rotateX(24deg) rotate(var(--opening-tilt, -10deg)) scale(var(--opening-scale, .85));animation-timing-function:cubic-bezier(.45,0,.25,1)}64%{transform:translateY(-5px) rotateX(-2deg) rotate(.5deg) scale(1.012);animation-timing-function:cubic-bezier(.35,0,.3,1)}75%,to{opacity:1;transform:translateY(0) rotateX(0) rotate(0) scale(1)}}@keyframes dsi-lid-unfold{0%,19%{transform:rotateX(-180deg) scaleY(var(--lid-closed-scale, 1));animation-timing-function:cubic-bezier(.3,0,.3,1)}23%{transform:rotateX(-162deg) scaleY(var(--lid-closed-scale, 1));animation-timing-function:cubic-bezier(.4,0,.6,1)}28%{transform:rotateX(-167deg) scaleY(var(--lid-closed-scale, 1));animation-timing-function:cubic-bezier(.42,.02,.2,1)}57%{transform:rotateX(7deg) scaleY(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}63%{transform:rotateX(-2.6deg) scaleY(1);animation-timing-function:ease-in-out}68%{transform:rotateX(.9deg) scaleY(1);animation-timing-function:ease-in-out}73%,to{transform:rotateX(0) scaleY(1)}}.is-opening .console-shadow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#2b3a4652,#2b3a4600);border-radius:50%;height:56px;animation:console-shadow var(--opening-duration) ease both;display:block;position:absolute;bottom:-30px;left:4%;right:4%}@keyframes console-shadow{0%{opacity:0;transform:scale(.55)}13%{opacity:1;transform:scale(1.03)}19%,30%{opacity:.85;transform:scale(1)}75%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1)}}.is-start .dsi-console{transform:perspective(1600px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));animation:console-shadow-in .6s ease-out both}@keyframes console-shadow-in{0%{filter:drop-shadow(0 20px 18px #3b455100)}to{filter:drop-shadow(0 20px 18px #3b455123)}}.is-opening .lid-edge{pointer-events:none;transform-origin:50% 0;background:linear-gradient(#e9eef1,#c3ccd2);border-radius:3px;height:7px;display:block;position:absolute;top:0;left:30px;right:30px;transform:rotateX(-90deg)}.is-opening .lower-housing{transform-style:preserve-3d}.is-opening .body-edge{pointer-events:none;transform-origin:50% 100%;background:linear-gradient(#c3ccd2,#e3e8eb);border-radius:3px;height:8px;display:block;position:absolute;bottom:0;left:30px;right:30px;transform:rotateX(90deg)}.is-opening .lid-back{overflow:hidden}.is-opening .lid-back:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffffd9,#fff0);width:45%;animation:lid-glint var(--opening-duration) ease-in-out both;position:absolute;top:-10%;bottom:-10%;left:0}@keyframes lid-glint{0%,6%{transform:translate(-120%) skew(-16deg)}22%,to{transform:translate(260%) skew(-16deg)}}.is-opening .lid-back:before{content:"";pointer-events:none;background:#1c2a35;border-radius:inherit;animation:lid-shade var(--opening-duration) linear both;position:absolute;inset:0}@keyframes lid-shade{0%,28%{opacity:0}42%,to{opacity:.2}}.is-opening .upper-housing:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(#1c2a35,#1c2a3560);border-radius:inherit;animation:face-shade var(--opening-duration) linear both;position:absolute;inset:0}@keyframes face-shade{0%,40%{opacity:.3}60%,to{opacity:0}}.is-opening .power-lights i.led-power{animation:led-on var(--opening-duration) linear both}@keyframes led-on{0%,21%{background:#c1cbd0;box-shadow:none}22%{background:#9fe8ff;box-shadow:0 0 6px #60d7f6,0 0 14px #60d7f6aa}23%{background:#7fd0e8;box-shadow:0 0 2px #60d7f6}25%,to{background:#64c8e9;box-shadow:0 0 4px #60d7f6,0 0 9px #60d7f666}}.is-opening .screen-power{z-index:5;pointer-events:none;background:linear-gradient(125deg,#ffffff14,#fff0 38%),radial-gradient(140% 100% at 30% 0%,#36424c,#1a2126 72%);animation:screen-power var(--opening-duration) linear both;display:block;position:absolute;inset:0}.is-opening .screen-power-lower{animation-delay:calc(var(--opening-duration) * .03)}@keyframes screen-power{0%,54%{opacity:1}55.2%{opacity:.12}56.4%{opacity:.6}59%{opacity:0}to{opacity:0}}.is-opening .screen-bezel{animation:bezel-bloom var(--opening-duration) ease-out both}@keyframes bezel-bloom{0%,55%{box-shadow:0 1px #fff,inset 0 1px 3px #9272874f,0 0 #c9f4ff00}60%{box-shadow:0 1px #fff,inset 0 1px 3px #9272874f,0 0 26px #c9f4ffcc}78%,to{box-shadow:0 1px #fff,inset 0 1px 3px #9272874f,0 0 #c9f4ff00}}.is-opening .boot-brand-panel .brand-name{animation:boot-name var(--opening-duration) var(--ease-out-expo) both}.is-opening .boot-brand-panel .brand-screens i:first-child{animation:boot-pop-a var(--opening-duration) linear both}.is-opening .boot-brand-panel .brand-screens i:last-child{animation:boot-pop-b var(--opening-duration) linear both}.is-opening .boot-brand-panel .brand-ds{animation:boot-ds var(--opening-duration) linear both}.is-opening .boot-brand-panel .brand-edition{animation:boot-edition var(--opening-duration) linear both}.is-opening .brand-pill{animation:boot-pill var(--opening-duration) linear both}.is-opening .boot-copyright{animation:boot-rise-late var(--opening-duration) linear both}.brand-ds,.brand-edition{transform-origin:50% 60%}@keyframes boot-name{0%,59%{opacity:0;transform:translate(-18px);filter:blur(3px)}70%,to{opacity:1;transform:none;filter:blur(0)}}@keyframes boot-pop-a{0%,63%{transform:scale(0)}67%{transform:scale(1.3)}70%,to{transform:scale(1)}}@keyframes boot-pop-b{0%,65.5%{transform:scale(0)}69.5%{transform:scale(1.3)}72.5%,to{transform:scale(1)}}@keyframes boot-ds{0%,66%{opacity:0;transform:scale(1.45)}71%{opacity:1;transform:scale(.95)}74%,to{opacity:1;transform:scale(1)}}@keyframes boot-edition{0%,72%{transform:scale(0) rotate(-140deg)}77%{transform:scale(1.22) rotate(10deg)}80%,to{transform:scale(1) rotate(0)}}@keyframes boot-pill{0%,75%{opacity:0;clip-path:inset(0 50% 0 50% round 30px)}76%{opacity:1}84%,to{opacity:1;clip-path:inset(0 0 0 0 round 30px)}}@keyframes boot-rise-late{0%,82%{opacity:0;transform:translateY(5px)}90%,to{opacity:1;transform:none}}.is-opening .boot-brand-panel h1{position:relative;overflow:hidden}.is-opening .boot-brand-panel h1:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffffe6,#fff0);width:22%;animation:logo-shine var(--opening-duration) ease-in-out both;position:absolute;top:0;bottom:0;left:0}@keyframes logo-shine{0%,82%{transform:translate(-120%) skew(-18deg)}97%,to{transform:translate(560%) skew(-18deg)}}.is-opening .notice-heading{animation:notice-a var(--opening-duration) linear both}.is-opening .notice-line:first-child{display:inline-block;animation:notice-b var(--opening-duration) linear both}.is-opening .notice-line:last-child{display:inline-block;animation:notice-c var(--opening-duration) linear both}.is-opening .notice-detail{animation:notice-d var(--opening-duration) linear both}.is-opening .continue-text{animation:notice-e var(--opening-duration) linear both}@keyframes notice-a{0%,60%{opacity:0;transform:translateY(7px)}69%,to{opacity:1;transform:none}}@keyframes notice-b{0%,64%{opacity:0;transform:translateY(7px)}73%,to{opacity:1;transform:none}}@keyframes notice-c{0%,67%{opacity:0;transform:translateY(7px)}76%,to{opacity:1;transform:none}}@keyframes notice-d{0%,71%{opacity:0}81%,to{opacity:1}}@keyframes notice-e{0%,78%{opacity:0;transform:translateY(5px)}88%,to{opacity:1;transform:none}}.continue-text{animation:prompt-pulse 2.6s ease-in-out infinite}.continue-text>span{animation:prompt-nudge 2.6s ease-in-out infinite;display:inline-block}@keyframes prompt-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes prompt-nudge{0%,60%,to{transform:none}30%{transform:translate(4px)}}.is-start .key-a:after{content:"";pointer-events:none;border:2px solid #7fd3e6;border-radius:50%;animation:a-hint 2.6s ease-out 1.4s infinite;position:absolute;inset:-4px}@keyframes a-hint{0%{opacity:.85;transform:scale(.85)}60%,to{opacity:0;transform:scale(1.45)}}.boot-notice{position:relative;overflow:hidden}.boot-notice:active .notice-copy{transform:scale(.99)}.notice-copy{transition:transform .15s ease}.tap-ripple{pointer-events:none;border:2px solid #4fb6d0aa;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:tap-ripple .65s var(--ease-out-expo) forwards;position:absolute}@keyframes tap-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(16)}}@keyframes enter-operating-system{0%{opacity:1;transform:translate(0) scale(1);animation-timing-function:cubic-bezier(.3,0,.6,1)}11%{opacity:1;transform:translate(0) scale(.982);animation-timing-function:cubic-bezier(.72,0,.18,1)}74%{opacity:1}to{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) scale(var(--entry-scale))}}.is-entering .lower-display:before{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff,#ecfbff 55%,#ecfbff00);animation:screen-bloom var(--entry-duration) ease-out both;position:absolute;inset:0}@keyframes screen-bloom{0%{opacity:0}12%{opacity:.9}40%,to{opacity:0}}.is-menu .upper-housing:before,.is-menu .lower-housing:before,.is-menu .screen-bezel:after,.is-menu .hinge:after{display:none}.is-menu .screen-content,.is-menu .menu-content{animation:none}.is-menu [data-stagger]{animation:os-arrive .55s var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes os-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.volume-mark{color:#657985;cursor:pointer;background:none;border:0;border-radius:4px;min-height:30px;margin:0 -6px;padding:0 6px 8px;transition:background .15s}.volume-mark:hover{background:#e2eff4}.volume-mark i{transition:background .2s,transform .2s}.volume-mark.is-muted i{background:#bccad1;transform:scaleY(.45);transform-origin:bottom}.is-menu .volume-mark{padding-bottom:7px}.clock-colon{animation:colon-blink 1s steps(1) infinite}@keyframes colon-blink{50%{opacity:.2}}.toolbar-count{display:inline-flex;overflow:hidden}.count-roll{animation:count-roll .34s var(--ease-out-expo) backwards;display:inline-block}.count-roll.roll-prev{--roll-from: -70%}@keyframes count-roll{0%{opacity:0;transform:translateY(var(--roll-from, 70%))}}.song-banner:after{z-index:1}.banner-text{animation:banner-in .36s var(--ease-out-expo) backwards}.banner-text.from-prev{--banner-from: -18px}@keyframes banner-in{0%{opacity:0;transform:translate(var(--banner-from, 18px))}}.banner-icon{animation:icon-pop .45s var(--ease-out-back) backwards}@keyframes icon-pop{0%{opacity:0;transform:scale(.5) rotate(-25deg)}}.song-banner{overflow:visible}.is-menu .selection-preview{animation:preview-in .5s var(--ease-out-expo) backwards}@keyframes preview-in{0%{opacity:0;transform:scale(.94)}}.preview-symbol>svg{animation:symbol-float 3.6s ease-in-out infinite}@keyframes symbol-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}}.preview-toggle{transition:background .15s,transform .15s}.preview-toggle:active{transform:scale(.94)}.is-menu .channel-slot{opacity:calc(1 - var(--depth, 0) * .16);transform:scale(calc(1 - var(--depth, 0) * .075))}.channel-carousel [data-slot=carousel-content]{cursor:grab}.channel-carousel [data-slot=carousel-content].is-dragging{cursor:grabbing}.channel{transition:border-color .15s,background .15s,transform .22s var(--ease-out-back),box-shadow .22s}.channel:hover{transform:translateY(-2px)}.channel:active{transform:translateY(0) scale(.96)}.channel.is-selected{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #f7f9fa,0 3px #9ccfdd,0 8px 16px -8px #238bac66}.channel.is-selected:after{content:"";pointer-events:none;border-radius:12px;animation:select-glow 1.7s ease-in-out infinite;position:absolute;inset:-6px;box-shadow:0 0 12px 1px #6fd0e8}@keyframes select-glow{0%,to{opacity:.2}50%{opacity:.85}}.channel.is-selected .channel-art{animation:art-pop .42s var(--ease-out-back)}@keyframes art-pop{0%{transform:scale(.82)}to{transform:scale(1)}}.is-menu .channel{animation:channel-in .55s var(--ease-out-back) backwards;animation-delay:calc(.2s + var(--c, 0) * 45ms)}@keyframes channel-in{0%{opacity:0;transform:translateY(14px) scale(.8)}}.is-menu .selection-pointer{animation:pointer-bob 1.3s ease-in-out infinite}@keyframes pointer-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.direction-button{transition:background .15s,transform .15s,opacity .2s}.direction-button svg{transition:transform .2s var(--ease-out-back)}.direction-button:not(:disabled):hover{transform:translateY(-1px)}.direction-prev:not(:disabled):hover svg{transform:translate(-2px)}.direction-next:not(:disabled):hover svg{transform:translate(2px)}.direction-button:active:not(:disabled){transform:translateY(1px) scale(.97)}.start-button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease;position:relative;overflow:hidden}.start-button:before{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffffc4,#fff0);width:36%;animation:button-shine 5s ease-in-out 1.6s infinite;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%) skew(-18deg)}@keyframes button-shine{0%{transform:translate(-140%) skew(-18deg)}20%,to{transform:translate(400%) skew(-18deg)}}.start-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #ffffffa0,0 3px #73a6ba,0 10px 18px -10px #167c9a88}.start-button:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px #ffffff80,0 1px #73a6ba}.start-button>*{position:relative}.start-button.is-launching{animation:launch-pulse .7s var(--ease-out-expo)}.start-button.is-launching strong{animation:launch-text .45s var(--ease-out-back)}@keyframes launch-pulse{0%{box-shadow:inset 0 0 0 2px #ffffff80,0 2px #73a6ba,0 0 #5fc4e0cc}to{box-shadow:inset 0 0 0 2px #ffffff80,0 2px #73a6ba,0 0 0 16px #5fc4e000}}@keyframes launch-text{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.channel-rail>div{position:relative}.channel-rail i.active{background:#eef4f5;border-color:#a9bfc7}.rail-thumb{background:#62b8d1;border:1px solid #448ca3;width:calc((100% - (var(--rail-count) - 1) * 3px) / var(--rail-count));transition:transform .42s var(--ease-out-back);position:absolute;top:0;bottom:0;left:0;transform:translate(calc(var(--rail-index) * (100% + 3px)));box-shadow:0 0 6px #62b8d180}.page-footer button{transition:color .15s}.page-footer button svg{transition:transform .3s var(--ease-out-back)}.page-footer button:hover svg{transform:rotate(-90deg)}.is-closing .dsi-console,.is-closing .page-footer{pointer-events:none;animation:os-leave var(--closing-duration) cubic-bezier(.55,0,.8,.2) both}@keyframes os-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.955)}}.is-closing:after{content:"";z-index:30;pointer-events:none;background:linear-gradient(#fcfdfd,#eceff1);animation:closing-wash var(--closing-duration) ease-in both;position:fixed;inset:0}@keyframes closing-wash{0%,40%{opacity:0}to{opacity:1}}.stage3d{z-index:0;opacity:0;position:fixed;inset:0}.stage3d.is-hidden{visibility:hidden}.stage3d>.stage-canvas,.stage3d>.stage-css{width:100%;height:100%;position:absolute;inset:0}.stage3d>.stage-css{pointer-events:none}.screen3d{pointer-events:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fafbfa;overflow:hidden}.screen3d .display{border:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #0000000f,inset 0 0 26px #2a3a4a14}.screen3d .upper-display{aspect-ratio:auto}.screen3d .lower-display{min-height:0}.screen3d .boot-brand-panel{padding:26px 12px 16px}.screen3d .brand-name{font-size:25px}.screen3d .brand-ds{font-size:64px}.screen3d .boot-notice{gap:12px;min-height:0;height:100%;padding:20px 16px 14px}.screen3d .notice-copy{font-size:19px;line-height:1.45}.screen3d .notice-detail{font-size:13.5px;line-height:1.55}.screen3d .continue-text{font-size:15px}.experience.is-3d{min-height:100svh}.is-3d .page-caption,.is-3d .page-footer{z-index:2;position:relative}.is-3d .page-footer{width:min(100% - 40px,650px);position:fixed;bottom:max(6px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.is-entering.is-3d{background:radial-gradient(at 50% 35%,#fcfdfd,#eceff1 60%,#e0e4e7);padding:22px 20px 10px;position:static}.is-entering.is-3d .page-caption,.is-entering.is-3d .page-footer{visibility:visible;opacity:0;transition:opacity .3s}.stage-loader{z-index:3;color:#69747d;font:12px/1 var(--mono);letter-spacing:.08em;align-items:center;gap:10px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-loader i{background:#64c8e9;border-radius:3px;width:4px;height:10px;animation:loader-led .9s ease-in-out infinite;box-shadow:0 0 6px #60d7f6}@keyframes loader-led{50%{opacity:.25}}
