.xp{--xp-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", var(--font-geist), system-ui, sans-serif;--xp-message:linear(0, .037, .118, .223, .339, .453, .566, .662, .744, .814, .87, .914, .949, .974, .992, 1.004, 1.013, 1.017, 1.019, 1.019, 1.018, 1.016, 1.014, 1.012, 1.009, 1.007, 1.006, 1.004, 1.003, 1.002, 1.001, 1.001, 1);--xp-content:linear(0, .036, .11, .211, .314, .423, .52, .612, .689, .758, .813, .861, .897, .927, .95, .967, .98, .989, .996, 1, 1.003, 1.005, 1.005, 1.006, 1.005, 1.005, 1.004, 1.004, 1.003, 1.003, 1.002, 1.002, 1);--xp-soft:linear(0, .031, .097, .188, .288, .385, .483, .572, .649, .719, .778, .826, .868, .901, .927, .948, .965, .977, .986, .993, .997, 1.001, 1.003, 1.004, 1.004, 1.005, 1.004, 1.004, 1.004, 1.003, 1.003, 1.002, 1);--xp-ease:cubic-bezier(.32, .72, 0, 1)}.xp-screen-ui{font-family:var(--xp-font);-webkit-font-smoothing:antialiased;letter-spacing:0}.xp-notch{z-index:60;color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes xp-spin{to{transform:rotate(360deg)}}.xp-spin{animation:1.2s linear infinite xp-spin}@keyframes xp-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.xp-breathe{animation:1.1s ease-in-out infinite xp-breathe}@keyframes xp-level{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.xp-level{transform-origin:50%;animation:.6s ease-in-out infinite xp-level}@keyframes xp-materialize{0%{opacity:0;filter:blur(6px);transform:translateY(-4px)}to{opacity:1;filter:none;transform:none}}.xp-materialize{animation:.24s ease-out 60ms both xp-materialize}@keyframes xp-fade-out{to{opacity:0}}.xp-fade-out{animation:.1s ease-out both xp-fade-out}@keyframes xp-caret{0%,45%{opacity:1}50%,95%{opacity:0}}.xp-caret{vertical-align:-.16em;background:currentColor;border-radius:1px;width:1.5px;height:1.05em;margin-left:1px;animation:1.05s step-end infinite xp-caret;display:inline-block}@keyframes xp-pulse{0%,to{opacity:1}50%{opacity:.4}}.xp-pulse{animation:.9s ease-in-out infinite xp-pulse}@keyframes xp-bloom{0%{opacity:0;filter:blur(4px);transform:translateY(10px)scale(.94)}to{opacity:1;filter:none;transform:none}}.xp-bloom{animation:xp-bloom .58s var(--xp-message) both;transform-origin:0 0}@keyframes xp-rise-right{0%{opacity:0;transform:translateY(-14px)scale(.86)}to{opacity:1;transform:none}}.xp-rise-right{animation:xp-rise-right .58s var(--xp-message) both;transform-origin:100% 0}@keyframes xp-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.xp-pop{animation:xp-pop .56s var(--xp-message) both}@keyframes xp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.xp-in{animation:xp-in .56s var(--xp-content) both}.xp-glass-pink,.xp-glass-dark{-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);position:relative}.xp-glass-pink{background:linear-gradient(135deg,#ff5cb0d1,#e0338cc7);box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #ffffff1f,0 3px 8px #00000038}.xp-glass-dark{background:linear-gradient(#332638cc,#1f1724d6);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d,0 3px 8px #00000059}.xp-glass-pink:before,.xp-glass-dark:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff42,#0000 50%);position:absolute;inset:0}.xp-glass-dark:before{background:linear-gradient(#ffffff14,#0000 50%)}.xp-thread{z-index:55;color:#fff;flex-direction:column;gap:6px;width:380px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}@keyframes xp-thread-out{to{opacity:0;filter:blur(4px);transform:translate(-50%,-10px)}}.xp-thread-out{pointer-events:none;animation:.32s cubic-bezier(.4,0,1,1) both xp-thread-out}@media (prefers-reduced-motion:reduce){.xp-spin,.xp-breathe,.xp-level,.xp-pulse,.xp-caret{animation:none}.xp-materialize,.xp-bloom,.xp-rise-right,.xp-pop,.xp-in{animation-duration:10ms;animation-delay:0s}}.xp-rig{transform-origin:0 0;opacity:0;position:absolute;top:0;left:0}.xp-mac{transform-style:preserve-3d;perspective:16000px;perspective-origin:50% var(--eye,-1800px);position:relative}.xp-hinge{transform-origin:50% 100%;transform:rotateX(var(--lid,-89deg));transform-style:preserve-3d;position:absolute;top:0}.xp-lid-front,.xp-lid-back{backface-visibility:hidden;border-radius:36px 36px 18px 18px;position:absolute;inset:0}.xp-lid-front{background:#060607;box-shadow:inset 0 0 0 2.5px #3b3b40,inset 0 0 0 3.5px #18181b,0 0 0 1px #5c5c63}.xp-lid-back{background:linear-gradient(100deg,#0000 35%,#ffffff0b 48%,#0000 62%),radial-gradient(130% 95% at 50% 0,#4c4c53 0%,#34343a 45%,#26262a 100%);place-items:center;display:grid;transform:rotateX(180deg);box-shadow:inset 0 0 0 1.5px #ffffff17,inset 0 2px #ffffff1f}.xp-lid-logo{filter:drop-shadow(0 -1.5px #ffffff12);transform:scaleY(-1)}.xp-lid-edge{transform-origin:50% 0;backface-visibility:hidden;background:linear-gradient(#5c5c63,#303035 45%,#202023);border-radius:22px;width:100%;position:absolute;top:0;left:0;transform:rotateX(90deg)}.xp-hinge-bar{background:linear-gradient(#1c1c1f,#0b0b0d);border-radius:0 0 10px 10px;position:absolute}.xp-floor{transform-origin:50% 0;pointer-events:none;background:radial-gradient(48% 22% at 50% 82%,#00000057,#0000001f 55%,#0000 100%);position:absolute;transform:rotateX(90deg)}.xp-screen{background:#000;border-radius:12px 12px 0 0;position:absolute;overflow:hidden}.xp-base{height:0;transform-style:preserve-3d;position:absolute}.xp-deck{transform-origin:50% 0;background:linear-gradient(#18181b,#313136);border-radius:0 0 26px 26px;width:100%;position:absolute;top:0;left:0;transform:rotateX(90deg)}.xp-keyboard{background:#121214;border-radius:14px;flex-direction:column;gap:1.1%;height:43%;padding:1%;display:flex;position:absolute;top:5%;left:13.5%;right:13.5%}.xp-keyrow{flex:1 1 0;gap:.55%;display:flex}.xp-keyrow-fn{flex-grow:.55}.xp-keyrow span{background:linear-gradient(#232327,#1a1a1d);border-radius:9px;flex-basis:0;box-shadow:inset 0 1.5px #ffffff0f}.xp-speaker{background-image:radial-gradient(#0f0f11 32%,#0000 36%);background-size:13px 13px;border-radius:10px;width:8.4%;height:43%;position:absolute;top:5%}.xp-trackpad{background:linear-gradient(#2c2c31,#26262a);border-radius:26px;width:44%;height:38%;position:absolute;top:55%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #ffffff0d}.xp-lip{background:linear-gradient(#6a6a72 0,#3a3a40 10%,#26262a 62%,#1b1b1e 100%);border-radius:0 0 30px 30px/0 0 22px 22px;width:100%;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff2e}.xp-scoop{background:linear-gradient(#121214,#2b2b30);border-radius:0 0 16px 16px;width:15%;height:9px;position:absolute;top:0;left:50%;transform:translate(-50%)}.xp-sleep{z-index:90;opacity:calc(1 - var(--wake,0));pointer-events:none;background:#000;position:absolute;inset:0}.xp-menubar{z-index:40;color:#fff;text-shadow:0 1px 2px #00000040;justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.xp-dock{z-index:40;-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);background:#ffffff29;border-radius:24px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff2e,0 10px 30px #00000040}.xp-dock-icon{transition:transform .4s var(--xp-message)}.xp-dock-active{transform:translateY(-3px)}.xp-dock-divider{background:#ffffff4d;width:1px;height:40px;margin:0 4px}.xp-window{z-index:20;background:#fff;border-radius:20px;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #0000004d,0 12px 30px #00000040,0 30px 90px #00000059}.xp-window-dark{background:#1e1e20;box-shadow:0 0 0 .5px #0009,inset 0 .5px #ffffff59,0 12px 30px #0000004d,0 30px 90px #0006}.xp-light{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 .5px #0000002e,inset 0 1px 1px #ffffff73}@keyframes xp-window-in{0%{opacity:0;transform:scale(.965)translateY(8px)}to{opacity:1;transform:none}}.xp-window-in{animation:xp-window-in .5s var(--xp-content) both}@keyframes xp-window-out{to{opacity:0;filter:blur(3px);transform:scale(.98)}}.xp-window-out{pointer-events:none;animation:.36s cubic-bezier(.4,0,1,1) both xp-window-out}.xp-pointer{z-index:80;pointer-events:none;transition-property:transform,opacity;transition-duration:.76s,.2s;transition-timing-function:cubic-bezier(.45,.05,.25,1),ease;position:absolute;top:-2px;left:-3px}.xp-glow{z-index:85;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 0 60px 12px #ff6bbdcc,inset 0 0 14px 3px #ff6bbde6}@keyframes xp-glow{0%,to{opacity:1}50%{opacity:.55}}.xp-glow-on{opacity:1;animation:2.4s ease-in-out infinite xp-glow}.xp-sheet{z-index:30;color:#fff;-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);animation:xp-window-in .55s var(--xp-content) both;background:linear-gradient(#281e2ecc,#16111adb);box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff0f,0 30px 80px #00000073}.xp-key{color:#1d1d1f;min-width:44px;height:44px;font-family:var(--xp-font);background:linear-gradient(#fff,#f2f2f4);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 8px;transition:transform 90ms,box-shadow 90ms,background 90ms;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014,0 2px #d2d2d7,0 3px 8px #00000014}.xp-key-symbol{font-size:13px;line-height:1}.xp-key-word{font-size:10px;line-height:1}.xp-key-wide{min-width:120px}.xp-key-lg{border-radius:14px;gap:6px;min-width:66px;height:66px;padding:0 12px;box-shadow:inset 0 0 0 1px #00000014,0 4px #c9c9cf,0 8px 18px #00000040}.xp-key-lg .xp-key-symbol{font-size:21px}.xp-key-lg .xp-key-word{font-size:12px}.xp-key-lg.xp-key-wide{min-width:190px}.xp-key-lg.xp-key-down{transform:translateY(4px);box-shadow:inset 0 0 0 1.5px #ff5cb08c,0 0 #c9c9cf,0 0 0 6px #ff5cb047,0 0 34px #ff5cb08c}.xp-key-down{background:linear-gradient(#fff4fb,#ffe2f3);transform:translateY(2px);box-shadow:inset 0 0 0 1px #ff5cb066,0 0 #d2d2d7,0 0 0 4px #ff5cb02e}.xp-hud{z-index:22;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);opacity:0;transition:opacity .3s ease, transform .6s var(--xp-message);background:linear-gradient(#2c2034c7,#140f1adb);border-radius:26px;align-items:center;gap:18px;padding:14px 22px 14px 16px;display:flex;position:absolute;bottom:168px;left:50%;transform:translate(-50%,18px)scale(.94);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff12,0 24px 60px #00000059}.xp-hud-on{opacity:1;transform:translate(-50%)scale(1)}.xp-hud-down{transform:translate(-50%)scale(1.03)}.xp-hud-top{top:92px;bottom:auto;transform:translate(-50%,-18px)scale(.94)}.xp-hud-top.xp-hud-on{transform:translate(-50%)scale(1)}.xp-hud-top.xp-hud-down{transform:translate(-50%)scale(1.03)}.xp-hud-hint{font-family:var(--xp-font);letter-spacing:-.01em;color:#fffffff0;white-space:nowrap;font-size:17px;font-weight:600}.xp-lines{transition:height .5s var(--xp-content)}@keyframes xp-line-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes xp-line-out{to{opacity:0;filter:blur(5px);transform:translateY(-14px)scale(.98)}}.xp-line-in{animation:xp-line-in .55s var(--xp-content) 80ms both;transform-origin:0 100%}.xp-line-out{transform-origin:0 100%;pointer-events:none;animation:.34s cubic-bezier(.4,0,1,1) both xp-line-out}.xp-bubble{background:#fff;box-shadow:0 0 0 1px #0000000d,0 10px 30px #11111a17}.xp-caption{z-index:20;width:min(780px,100% - 28px);transition:opacity .4s, transform .5s var(--xp-ease);position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.xp-caption-off{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.xp-fade{z-index:15;pointer-events:none;background:linear-gradient(#fff0,#fff 62%);height:210px;position:absolute;bottom:0;left:0;right:0}.xp-rail{z-index:25;flex-direction:column;gap:9px;transition:opacity .4s;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.xp-rail button{width:7px;height:7px;transition:background .3s, height .45s var(--xp-message);background:#00000029;border-radius:99px;position:relative}.xp-rail button:hover{background:#0006}.xp-rail button.xp-rail-on{background:var(--color-ink);height:22px}.xp-rail button span{white-space:nowrap;color:var(--color-mute);opacity:0;pointer-events:none;font-size:12px;transition:opacity .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.xp-rail button:hover span{opacity:1}.xp-rail-off{opacity:0;pointer-events:none}.xp-sound{z-index:26;width:38px;height:38px;color:var(--color-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s var(--xp-ease), background .3s;background:#ffffffdb;border-radius:99px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;top:80px;right:20px;box-shadow:0 0 0 1px #0000000f,0 6px 18px #0000001f}.xp-sound:hover{transform:scale(1.04)}.xp-sound:active{transform:scale(.96)}.xp-sound:not(.xp-sound-on):after{content:"";border-radius:inherit;pointer-events:none;animation:1.8s ease-out infinite xp-invite;position:absolute;inset:-4px;box-shadow:0 0 0 2px #ff5cb08c}@keyframes xp-invite{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.18)}}.xp-sound-on{color:#c2338e}.xp-flood{z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 0,#ff9be0,#ec7adb 40%,#b65ad6);position:absolute;inset:0}.xp-wash{z-index:31;background:#fff;position:absolute;inset:0}@keyframes xp-burst{0%{opacity:0;transform:scale(0) rotate(calc(var(--tilt) - 40deg))}to{opacity:1;transform:rotate(var(--tilt))}}.xp-burst{transform:rotate(var(--tilt));animation:.8s cubic-bezier(.34,1.56,.64,1) both xp-burst}.xp-crowd{width:var(--size);height:var(--size)}.xp-trio{width:112px;height:112px}.xp-trio-lead{width:150px;height:150px}@media (max-width:640px){.xp-rail{display:none}.xp-sound{height:30px;font-size:12px;top:70px;right:12px}.xp-caption{bottom:18px}.xp-hud{border-radius:20px;gap:10px;padding:10px 14px 10px 10px;bottom:196px}.xp-hud-top{top:76px;bottom:auto}.xp-key-lg{border-radius:11px;min-width:50px;height:50px}.xp-key-lg .xp-key-symbol{font-size:17px}.xp-key-lg.xp-key-wide{min-width:120px}.xp-hud-hint{font-size:14px}.xp-crowd{width:calc(var(--size) * .6);height:calc(var(--size) * .6)}.xp-trio{width:72px;height:72px}.xp-trio-lead{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.xp-window-in,.xp-sheet,.xp-burst,.xp-glow-on,.xp-line-in,.xp-line-out{animation:none}.xp-line-out{opacity:0}.xp-pointer{transition-duration:0s}.xp-sound:after{animation:none}}