/* Application launcher geometry follows the native 343pt Glass Fan. */
#personalize .personal-stage{height:580px;background:#e8edf6;box-shadow:inset 0 0 0 1px #fff9}
#personalize .personal-wallpaper{background:radial-gradient(ellipse at 0 30%,#bed7ee,transparent 75%),radial-gradient(ellipse at 100% 100%,#e7d7cf,transparent 65%),linear-gradient(130deg,#dae6f4,#eeeaf2)}
#personalize .personal-wallpaper:after{display:none}
#personalize .personal-top{z-index:3}
#personalize .app-wheel{width:460px;max-width:94%;top:44%;transition:opacity .3s,transform .5s cubic-bezier(.18,.7,.2,1)}
.native-app-svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 7px 12px #33496716)}
.native-app-item{cursor:pointer;transform-origin:300px 300px;transition:opacity .25s,transform .6s cubic-bezier(.15,.75,.25,1);outline:none}
.native-app-glass{fill:#ffffff66;stroke:#ffffffdf;stroke-width:1.5;filter:drop-shadow(0 2px 2px #56708d10);transition:fill .2s,stroke .2s}
.native-app-item.pointer-over .native-app-glass,.native-app-item:focus-visible .native-app-glass,#personalize [data-app-phase=hover] .demo-selected .native-app-glass{fill:#65a8ff66;stroke:#fff;stroke-width:2.5}
.native-app-item image{filter:drop-shadow(0 2px 2px #2039532a);pointer-events:none}
.native-app-center{transition:opacity .3s,transform .5s;transform-origin:300px 300px}
.native-orb-glass{fill:#ffffff65;stroke:#fff9;stroke-width:1.5}
.native-utility circle{fill:#ffffff70;stroke:#ffffffb0;stroke-width:1}
.native-utility path,.native-utility svg{fill:none;stroke:#263445;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.native-halo{fill:none;stroke:#ffffff70;stroke-width:112}
#personalize [data-theme=halo] .native-app-glass,#personalize [data-theme=cloud] .native-app-glass{fill:transparent;stroke:transparent}
#personalize [data-app-phase=shortcut] .native-app-item{opacity:0;transform:translate(calc(var(--dx)*-.92),calc(var(--dy)*-.92)) rotate(-35deg) scale(.2)}
#personalize [data-app-phase=shortcut] .native-app-center{opacity:0;transform:scale(.5)}
#personalize [data-app-phase=open] .native-app-item{transition-delay:calc(var(--i)*28ms)}
#personalize [data-app-phase=launch] .app-wheel{opacity:0;transform:translate(-50%,-50%) scale(.8)}
.app-shortcut-cue{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;gap:7px;opacity:0;transition:opacity .25s;pointer-events:none}
.app-shortcut-cue kbd{font:500 15px -apple-system,sans-serif;background:#fff9;border:1px solid white;border-radius:9px;padding:12px;box-shadow:0 4px 9px #536a8520}
[data-app-phase=shortcut] .app-shortcut-cue{opacity:1}
.app-demo-cursor{position:absolute;left:calc(50% - min(230px,47%));top:calc(44% - min(230px,47%));width:min(460px,94%);aspect-ratio:1;pointer-events:none;opacity:0;transition:opacity .25s}
.app-demo-cursor svg{position:absolute;width:22px;height:28px;left:var(--app-pointer-x);top:var(--app-pointer-y);fill:#25384d;stroke:white;stroke-width:1.8;filter:drop-shadow(0 2px 3px #2030503a)}
.app-hover-label{position:absolute;left:var(--app-pointer-x);top:calc(var(--app-pointer-y) + 32px);white-space:nowrap;background:#fdfdfeee;padding:7px 10px;border:1px solid #fff;border-radius:7px;box-shadow:0 3px 10px #294b6a20;font:500 10px -apple-system,sans-serif;color:#344b63;transform:translateX(-20%)}
[data-app-phase=hover] .app-demo-cursor{opacity:1}
.app-launch-window{position:absolute;inset:20% 8% 23%;border:1px solid #fff;border-radius:12px;background:#f6f7f9;box-shadow:0 24px 40px #3d527c2b;opacity:0;transform:translateY(18px) scale(.95);transition:opacity .35s,transform .45s;pointer-events:none;overflow:hidden}
[data-app-phase=launch] .app-launch-window{opacity:1;transform:translateY(0) scale(1)}
.app-window-bar{height:34px;display:flex;gap:20px;align-items:center;padding:0 12px;border-bottom:1px solid #e3e6ea;background:#fbfcfd;color:#66758a;font:500 10px -apple-system,sans-serif}
.app-window-traffic{color:#ed947e;word-spacing:2px;font-size:10px}
.app-demo-workspace{height:calc(100% - 58px);position:relative;display:flex;padding:20px 26px 20px 40px;background:#e7ebf0}
.app-demo-workspace aside{position:absolute;left:0;top:0;bottom:0;background:#f5f6f8;width:26px;display:flex;flex-direction:column;gap:12px;padding:14px 8px}
.app-demo-workspace aside i{width:9px;height:9px;border:1px solid #99a7b5;border-radius:2px}
.app-demo-canvas{background:#f3f1e7;flex:1;position:relative;overflow:hidden;padding:24px;color:#48645a}
.app-demo-canvas>span{font:500 7px -apple-system,sans-serif;letter-spacing:2px}
.app-demo-canvas>strong{display:block;position:relative;z-index:1;font:600 clamp(18px,2.1vw,30px)/1.15 -apple-system,sans-serif;letter-spacing:-1px;margin-top:22px}
.app-canvas-shape{position:absolute;width:150px;height:150px;border-radius:50%;background:#c3d2b2;right:-10px;bottom:-30px}
.launched-app-icon{position:absolute;width:46px;height:46px;right:12px;bottom:5px;filter:drop-shadow(0 4px 5px #21334b33)}
.app-window-caption{font:500 8px -apple-system,sans-serif;text-align:center;padding:7px;color:#7b899b}
.app-scene-controls{position:absolute;bottom:54px;left:24px;right:24px;border-top:1px solid #ffffff90;display:flex;gap:14px;align-items:center;justify-content:space-between;padding-top:15px;color:#385474}
.app-scene-controls strong{display:block;font:600 12px -apple-system,sans-serif}.app-scene-controls span{display:block;font:400 10px/1.5 -apple-system,sans-serif;margin-top:6px;max-width:340px;color:#687e98}
.app-scene-play{border:1px solid #fff;background:#ffffffa0;border-radius:50%;width:30px;height:30px;flex:none;color:#526e8c;font-size:12px}
#personalize .personal-pill{bottom:18px;font-size:9px;padding:7px 14px;background:#ffffff75}
#personalize .personal-caption{display:none}
.chosen-app{gap:5px!important}.chosen-app>img{width:18px;height:18px;object-fit:contain}
@media(max-width:900px){#personalize .personal-stage{height:540px}.app-demo-canvas>strong{font-size:26px}}
@media(max-width:560px){#personalize .personal-stage{height:480px;max-width:430px}#personalize .app-wheel{width:355px;top:41%}.app-demo-cursor{width:355px;left:calc(50% - 177.5px);top:calc(41% - 177.5px)}.app-scene-controls{left:17px;right:17px;bottom:50px}.app-scene-controls strong{font-size:11px}.app-scene-controls span{font-size:9px;max-width:230px}.app-launch-window{inset:20% 6% 27%}.app-demo-canvas{padding:18px}.app-demo-canvas>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.native-app-item,.native-app-center,.app-wheel,.app-launch-window{transition:none!important}}
#personalize .personal-stage{direction:ltr}
#personalize .app-demo-cursor{left:50%;top:44%;width:min(460px,94%);transform:translate(-50%,-50%)}
@media(max-width:560px){#personalize .app-demo-cursor{top:41%;width:min(355px,94%)}}
/* Keep every sector inside the preview at the largest size setting. */
#personalize .app-wheel{width:440px;max-width:88%;top:42%}
#personalize .app-demo-cursor{width:min(440px,88%);top:42%}
@media(max-width:560px){#personalize .app-wheel{width:320px;top:42%}#personalize .app-demo-cursor{width:min(320px,88%);top:42%}}