:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{color:#f5f7ff;-webkit-font-smoothing:antialiased;background:#05060a;min-height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.sb-eq{flex-shrink:0;display:block;overflow:visible}.pet-svg{transition:transform .28s cubic-bezier(.22,1,.36,1);display:block;overflow:visible}.pet-svg.is-love,.pet-svg.is-happy{transform:translateY(-2.5px)scale(1.12)}.pet-svg.is-surprised{transform:scale(1.16)}.pet-eye-blink{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite pet-blink}@keyframes pet-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.demo-os{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.demo-os.is-dark:after{content:"";pointer-events:none;z-index:1;background:#05080f52;position:fixed;inset:0}.demo-menubar{z-index:70;-webkit-backdrop-filter:blur(28px)saturate(190%);letter-spacing:-.008em;color:#fff;-webkit-user-select:none;user-select:none;background:#ffffff38;border-bottom:.5px solid #ffffff29;justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:13px;display:flex;position:relative}.demo-os.is-dark .demo-menubar{background:#0e121c70;border-bottom-color:#ffffff17}.demo-os.is-light .demo-menubar{color:#fff;text-shadow:0 .5px 1px #00000024;background:#ffffff38}.demo-mb-left,.demo-mb-right{align-items:center;gap:2px;display:flex}.demo-mb-slot{align-items:center;display:inline-flex;position:relative}.demo-mb-item{height:22px;color:inherit;cursor:default;text-shadow:inherit;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:background .1s;display:inline-flex}.demo-mb-item:hover,.demo-mb-item.is-open{background:#ffffff38}.demo-mb-apple{padding:0 10px}.demo-mb-bold{font-weight:700}.demo-mb-text{font-weight:500}.demo-mb-sensebar-wrap{align-items:center;display:inline-flex;position:relative}.demo-mb-sensebar-btn{background:0 0;border:none;border-radius:5px;place-items:center;width:28px;height:22px;transition:background .12s;display:grid}.demo-mb-icon-img{object-fit:contain;filter:brightness(0)invert();width:17px;height:17px}.demo-mb-sensebar-btn.active,.demo-mb-sensebar-btn:hover{background:#ffffff38}.demo-mb-icon-slot{min-width:28px;padding:0 7px}.demo-mb-keycap{border:1.25px solid #ffffffe0;border-radius:3px;place-items:center;width:16px;height:14px;font-size:9.5px;font-weight:700;line-height:1;display:grid}.demo-mb-battery-btn{gap:5px;padding:0 7px}.demo-mb-bat-pct{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.demo-mb-clock-btn{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px;font-size:12.5px;font-weight:500}.demo-mb-clock-short{display:none}.demo-mb-dropdown{z-index:95;-webkit-backdrop-filter:blur(42px)saturate(190%);color:#18181b;min-width:224px;text-shadow:none;background:#f6f8fce0;border:.5px solid #00000024;border-radius:8px;flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 18px 46px #00000047,inset 0 0 0 .5px #ffffff73}.demo-mb-dropdown.is-right{left:auto;right:0}.demo-os.is-dark .demo-mb-dropdown{color:#f4f4f5;background:#20222ae0;border-color:#ffffff29;box-shadow:0 18px 46px #0000008c,inset 0 0 0 .5px #ffffff24}.demo-mb-menu-head{flex-direction:column;gap:1px;padding:5px 10px 4px;display:flex}.demo-mb-menu-head strong{font-size:12px;font-weight:600}.demo-mb-menu-head span{opacity:.62;font-size:11px}.demo-mb-menu-row{width:100%;min-height:24px;color:inherit;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;padding:4px 10px;font-family:inherit;font-size:12.5px;font-weight:500;display:flex}.demo-mb-menu-row:disabled{opacity:.38;pointer-events:none}.demo-mb-menu-row:hover{color:#fff;background:#0a84ff}.demo-mb-menu-row kbd{opacity:.58;margin-left:auto;font-family:inherit;font-size:11px}.demo-mb-menu-row:hover kbd{opacity:.9}.demo-mb-check-col{flex-shrink:0;place-items:center;width:14px;display:inline-grid}.demo-mb-sep{background:#0000001a;height:1px;margin:4px 8px}.demo-os.is-dark .demo-mb-sep{background:#ffffff1f}.demo-cc-popover{z-index:95;-webkit-backdrop-filter:blur(44px)saturate(190%);color:#18181b;width:340px;max-width:calc(100vw - 24px);text-shadow:none;background:#f2f5fac7;border:.5px solid #ffffff6b;border-radius:18px;flex-direction:column;gap:9px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:-36px;box-shadow:0 22px 54px #0000004d}.demo-os.is-dark .demo-cc-popover{color:#f4f4f5;background:#1c1e26d1;border-color:#ffffff29;box-shadow:0 22px 54px #0009}.demo-cc-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-cc-card{background:#ffffff94;border:.5px solid #fff9;border-radius:12px;box-shadow:0 1px 4px #0000000f}.demo-os.is-dark .demo-cc-card{background:#ffffff14;border-color:#ffffff17}.demo-cc-stack{flex-direction:column;justify-content:space-between;gap:8px;padding:8px;display:flex}.demo-cc-row-btn{color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:8px;min-width:0;padding:2px;display:flex}.demo-cc-row-btn strong,.demo-cc-tile strong{font-size:11.5px;font-weight:600;line-height:1.2;display:block}.demo-cc-row-btn>div>span,.demo-cc-tile>div>span{opacity:.62;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.demo-cc-circle{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.demo-cc-circle.is-blue{background:#007aff}.demo-cc-circle.is-indigo{background:#5856d6}.demo-cc-circle.is-amber{background:#ff9f0a}.demo-cc-right-col{flex-direction:column;gap:8px;display:flex}.demo-cc-tile{text-align:left;color:inherit;align-items:center;gap:8px;padding:8px 9px;display:flex}.demo-cc-mini-row{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-cc-mini{color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 6px;font-size:10px;font-weight:600;display:flex}.demo-cc-mini.is-active{color:#fff;background:#007aff;border-color:#007aff}.demo-cc-slider-card{flex-direction:column;gap:6px;padding:9px 11px;display:flex}.demo-cc-slider-head{justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.demo-cc-slider-head strong{font-variant-numeric:tabular-nums;opacity:.72}.demo-cc-slider-row{align-items:center;gap:8px;display:flex}.demo-cc-slider-row button{color:inherit;background:0 0;border:none;place-items:center;padding:0;display:grid}.demo-cc-slider-row input[type=range]{accent-color:#007aff;cursor:pointer;flex:1}.demo-cc-foot{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.demo-cc-foot button{color:inherit;background:#ffffff8c;border:.5px solid #0000001a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.demo-os.is-dark .demo-cc-foot button{background:#ffffff17;border-color:#ffffff24}.sb-island-anchor{z-index:90;transition:top .3s cubic-bezier(.22,1,.36,1);position:fixed;left:50%;transform:translate(-50%)}.sb-island-anchor:focus:not(:focus-visible){outline:none}.sb-island-box{will-change:width, height;cursor:pointer;position:relative}.sb-notch-ambient-shadow{transform-origin:top;will-change:transform, opacity;pointer-events:none;z-index:0;background:0 0;border-radius:6px 6px 24px 24px;width:396px;height:176px;position:absolute;top:0;left:50%;box-shadow:0 12px 26px #0000008c}.sb-notch-bg-svg{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.sb-island-content{z-index:2;color:#fff;isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.sb-island-box.is-pill{box-shadow:0 10px 26px #0000007a}.sb-island-box.is-pill.has-glass .sb-island-content{-webkit-backdrop-filter:blur(20px)saturate(180%)}.sb-pill-glow{pointer-events:none;will-change:opacity;z-index:0;position:absolute;inset:0}.sb-island-layer{box-sizing:border-box;transform-origin:top;will-change:transform, opacity;contain:layout style;z-index:1;position:absolute;top:0;left:50%}.sb-compact-notch{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding:0 14px;display:grid}.sb-notch-wing-left{justify-content:flex-start;align-items:center;display:flex}.sb-notch-wing-right{justify-content:flex-end;align-items:center;display:flex}.sb-notch-center{justify-content:center;align-items:center;min-width:72px;display:flex}.sb-camera-lens{background:radial-gradient(circle at 35% 35%,#254b7c,#060910 68%);border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px}.sb-notch-marquee{flex-direction:column;align-items:center;max-width:150px;line-height:1.1;display:flex}.sb-notch-marquee strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sb-notch-marquee span{color:#ffffff9e;font-size:9px}.sb-art-tile{flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.sb-art-sheen{pointer-events:none;background:radial-gradient(circle at 25% 20%,#ffffff4d,#0000 62%);position:absolute;inset:0}.sb-pill-spacer{flex:1}.sb-pet-btn{background:0 0;border:none;place-items:center;padding:0;display:grid}.sb-compact-pill{justify-content:space-between;align-items:center;gap:8px;height:100%;padding:0 6px;display:flex}.sb-pill-pet{width:100%;display:flex}.sb-pill-pet.is-left{justify-content:flex-start}.sb-pill-pet.is-right{justify-content:flex-end}.sb-pill-idle-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px;margin:0 auto}.sb-exp-wrap{flex-direction:column;justify-content:space-between;height:100%;padding:8px 20px 12px;display:flex}.sb-exp-header{justify-content:space-between;align-items:center;height:26px;display:flex}.sb-exp-source{color:#ffffffd9;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.sb-live-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px}.sb-live-dot.on{background:#22c55e}.sb-exp-head-right{align-items:center;gap:8px;display:flex}.sb-source-picker-wrap{position:relative}.sb-source-btn{color:#ffffffc7;background:#ffffff1f;border:none;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;display:inline-flex}.sb-source-dropdown{z-index:120;background:#181a22f5;border:1px solid #ffffff26;border-radius:11px;flex-direction:column;gap:2px;width:190px;padding:5px;display:flex;position:absolute;top:26px;right:0;box-shadow:0 14px 32px #000000a6}.sb-source-dropdown button{text-align:left;background:0 0;border:none;border-radius:7px;padding:6px 8px;font-size:11px}.sb-source-dropdown button.active,.sb-source-dropdown button:hover{background:#3b82f640}.sb-collapse-btn{color:#ffffffbf;background:#ffffff24;border:none;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;line-height:0;display:grid}.sb-exp-body{align-items:center;gap:14px;display:flex}.sb-exp-meta{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.sb-exp-titles{flex-direction:column;gap:2px;display:flex}.sb-exp-titles strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sb-exp-titles span{color:#ffffffa6;font-size:11.5px}.sb-exp-progress{flex-direction:column;gap:3px;display:flex}.sb-exp-progress input{width:100%;height:4px;accent-color:var(--accent,#60a5fa);margin:0}.sb-exp-times{color:#ffffff80;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:9.5px;display:flex}.sb-exp-footer{justify-content:space-between;align-items:center;display:flex}.sb-exp-pill-btn{color:#ffffffe6;background:#ffffff21;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.sb-mini-open-square{color:#111;background:#ffffffe6;border-radius:4px;place-items:center;width:14px;height:14px;display:grid}.sb-exp-transport{align-items:center;gap:12px;display:flex}.sb-exp-transport button{background:0 0;border:none;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;line-height:0;display:grid}.sb-exp-transport button.sb-play-circle{background:#fff;width:32px;height:32px}.sb-exp-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.sb-exp-empty strong{font-size:13px}.sb-exp-empty span{color:#fff9;font-size:11px}.sb-notice-notched{flex-direction:column;height:100%;display:flex}.sb-notice-top-wings{grid-template-columns:1fr 180px 1fr;align-items:center;height:32px;padding:0 18px;display:grid}.sb-notice-wing-left{justify-content:center;align-items:center;display:flex}.sb-notice-wing-right{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.sb-notice-wing-right.is-green,.sb-notice-pct.is-green{color:#34d399}.sb-notice-wing-right.is-orange,.sb-notice-pct.is-orange,.sb-notice-bottom span.is-orange,.sb-notice-text span.is-orange{color:#fb923c}.sb-notice-wing-right.is-red,.sb-notice-pct.is-red,.sb-notice-bottom span.is-red,.sb-notice-text span.is-red{color:#f87171}.sb-notice-bottom{flex-direction:column;justify-content:flex-start;align-items:center;height:34px;line-height:1.25;display:flex}.sb-notice-bottom strong{font-size:11.5px}.sb-notice-bottom span{color:#ffffff8f;font-size:9.5px}.sb-notice-floating{align-items:center;gap:10px;height:100%;padding:0 18px;display:flex}.sb-notice-text{flex-direction:column;flex:1;display:flex}.sb-notice-text strong{font-size:11.5px}.sb-notice-text span{color:#ffffff8c;font-size:9.5px}.sb-notice-pct{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.demo-popover-anchor{z-index:95;position:absolute;top:calc(100% + 10px);right:-145px}.sb-popover-shell{text-shadow:none;position:relative}.sb-popover-arrow{z-index:2;border-radius:3px 0 0;width:14px;height:14px;position:absolute;top:-7px;right:153px;transform:rotate(45deg)}.sb-popover-arrow.is-light{background:#f9fafdf5;border-top:1px solid #0000001a;border-left:1px solid #0000001a}.sb-popover-arrow.is-dark{background:#22242cf0;border-top:1px solid #ffffff24;border-left:1px solid #ffffff24}.sb-popover{z-index:1;border-radius:20px;flex-direction:column;width:356px;max-height:calc(100vh - 108px);padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 68px #0000006b,0 4px 16px #00000029}.sb-popover.is-dark{color:#f4f6fc;background:#1e2028f0;border:1px solid #ffffff24}.sb-popover.is-dark.is-glass{-webkit-backdrop-filter:blur(36px)saturate(190%);background:#1a1c24d6}.sb-popover.is-light{color:#111827;background:#f8f9fcf5;border:1px solid #0000001a}.sb-popover.is-light.is-glass{-webkit-backdrop-filter:blur(36px)saturate(180%);background:#f8f9fde0}.sb-main-panel,.sb-settings-view{flex-direction:column;gap:10px;max-height:calc(100vh - 136px);display:flex}.sb-top-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.sb-brand-left{align-items:center;gap:9px;font-size:14.5px;display:flex}.sb-brand-badge{border-radius:7px;width:26px;height:26px}.sb-status-pill{background:#ffffff0f;border:.8px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sb-popover.is-light .sb-status-pill{background:#0000000d;border-color:#0000001a}.sb-status-dot{background:#94a3b880;border-radius:50%;width:6.5px;height:6.5px}.sb-status-dot.on{background:#22c55e}.sb-segment-bar{background:#ffffff0e;border:.8px solid #ffffff14;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:3.5px;display:grid}.sb-popover.is-light .sb-segment-bar{background:#0000000e;border-color:#00000012}.sb-segment-bar button{opacity:.7;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6.5px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.sb-segment-bar button.active{opacity:1;background:#ffffff26;font-weight:600;box-shadow:0 1px 4px #00000024}.sb-popover.is-light .sb-segment-bar button.active{background:#fff;box-shadow:0 1px 3px #0000001f}.sb-tab-scroll,.sb-settings-scroll{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.sb-panel-card{background:linear-gradient(#ffffff16,#ffffff0a);border:.85px solid #ffffff24;border-radius:13px;flex-direction:column;gap:9px;padding:12px;display:flex}.sb-popover.is-light .sb-panel-card{background:#fff;border-color:#00000017}.sb-card-head-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sb-eyebrow-icon{opacity:.68;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex}.sb-blue-badge{color:#3b82f6;background:#3b82f61f;border:.8px solid #3b82f647;border-radius:999px;padding:2.5px 8px;font-size:10px;font-weight:600}.sb-preview-stage{cursor:pointer;background:linear-gradient(145deg,#21293d,#141929);border-radius:11px;height:86px;position:relative;overflow:hidden}.sb-preview-menubar{color:#ffffffc7;background:#ffffff12;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:8.5px;font-weight:600;display:flex}.sb-preview-island{background:#000;border:.6px solid #ffffff29;border-top:none;border-radius:0 0 9px 9px;width:148px;height:22px;transition:all .36s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.sb-preview-island.pill{border-top:.6px solid #ffffff29;border-radius:999px;width:68px;height:18px;top:2px}.sb-preview-island.expanded{border-radius:0 0 14px 14px;width:248px;height:62px}.sb-preview-island.pill.expanded{border-radius:14px}.sb-prev-cmp{justify-content:space-between;align-items:center;height:100%;padding:0 12px;display:flex}.sb-prev-dot-art{color:#fff;background:linear-gradient(135deg,#60a5fa,#a855f7);border-radius:3.5px;place-items:center;width:13px;height:13px;font-size:7px;display:grid}.sb-prev-exp{color:#fff;align-items:center;gap:8px;height:100%;padding:8px 12px;display:flex}.sb-prev-art{background:linear-gradient(135deg,#60a5fa,#a855f7);border-radius:6px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.sb-prev-lines{flex-direction:column;flex:1;gap:4px;display:flex}.sb-prev-lines strong{font-size:9.5px}.sb-prev-bar{background:#ffffff38;border-radius:999px;width:96px;height:3px;display:block;overflow:hidden}.sb-prev-bar i{background:#60a5fa;width:60%;height:100%;display:block}.sb-preview-cursor{color:#fff;filter:drop-shadow(0 1px 2px #000000b3);transition:all .36s cubic-bezier(.22,1,.36,1);position:absolute;top:56px;left:68%}.sb-preview-cursor.hovering{top:28px;left:52%}.sb-card-title{font-size:12px}.sb-style-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sb-style-opt{opacity:.78;background:#ffffff0a;border:.8px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:11px;font-weight:500;display:inline-flex}.sb-popover.is-light .sb-style-opt{background:#00000009;border-color:#00000014}.sb-style-opt.selected{opacity:1;color:#3b82f6;background:#3b82f624;border-color:#3b82f68c;font-weight:700}.sb-pill-dot-ico{opacity:.72;background:currentColor;border-radius:999px;width:12px;height:7px}.sb-info-note{opacity:.65;align-items:flex-start;gap:5px;margin:0;font-size:10px;line-height:1.4;display:flex}.sb-info-note svg{flex-shrink:0;margin-top:1px}.sb-ico-label{align-items:center;gap:6px;display:inline-flex}.sb-divider{opacity:.1;background:currentColor;height:1px}.sb-toggle-row{justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:flex}.sb-switch{background:#94a3b859;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:30px;height:17px;padding:2px;transition:background .18s;display:flex}.sb-switch span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s}.sb-switch.on{background:#3b82f6}.sb-switch.on span{transform:translate(13px)}.sb-pet-header{align-items:center;gap:8px;display:flex}.sb-pet-badge{background:#ec489924;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.sb-pet-titles{flex-direction:column;flex:1;display:flex}.sb-pet-titles strong{font-size:12px}.sb-pet-titles span{opacity:.65;font-size:10px}.sb-pet-body{flex-direction:column;gap:9px;display:flex}.sb-pet-stage-box{background:#00000009;border:1px solid #0000000f;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.sb-popover.is-dark .sb-pet-stage-box{background:#ffffff0a;border-color:#ffffff14}.sb-pet-stage{cursor:pointer;background:linear-gradient(155deg,#a9c8ecb8,#cde0f5a6);border:1px solid #00000014;border-radius:10px;flex-direction:column;align-items:center;padding:0 10px 26px;display:flex}.sb-popover.is-dark .sb-pet-stage{background:linear-gradient(155deg,#1c2740eb,#0e121ef5);border-color:#ffffff1f}.sb-pet-stage-notch{background:#000;border:1px solid #ffffff1f;border-top:none;border-radius:0 0 11px 11px;justify-content:space-between;align-items:center;width:156px;height:28px;padding:0 10px;display:flex}.sb-pet-stage-wing{place-items:center;width:28px;display:grid}.sb-pet-reactions-grid{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.sb-pet-react-pill{background:#0000000f;border:none;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:transform .12s,background .12s;display:inline-flex}.sb-pet-react-pill:hover{background:#3b82f624;transform:translateY(-1px)}.sb-popover.is-dark .sb-pet-react-pill{background:#ffffff1a}.sb-pet-stage-note{opacity:.62;text-align:center;margin:0;font-size:9.5px;line-height:1.35}.sb-subhead{align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.sb-pet-pill-chip{background:#000;border-radius:999px;place-items:center;width:34px;height:22px;display:grid}.sb-pet-inline-row{align-items:center;gap:8px;display:flex}.sb-muted-label{opacity:.68;font-size:10.5px}.sb-mini-chips{gap:5px;display:flex}.sb-mini-chips button{background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:4px 9px;font-size:10.5px}.sb-popover.is-light .sb-mini-chips button{background:#0000000d}.sb-mini-chips button.selected{color:#3b82f6;background:#3b82f629;border-color:#3b82f699;font-weight:700}.sb-palette-dots{gap:6px;display:flex}.sb-swatch{border:1px solid #ffffff59;border-radius:50%;width:17px;height:17px;padding:0}.sb-swatch.selected{outline-offset:2px;outline:2px solid #3b82f6}.sb-output-head{align-items:center;gap:8px;display:flex}.sb-output-icon{color:#3b82f6;background:#3b82f624;border:.8px solid #3b82f63d;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sb-output-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-micro-track{letter-spacing:.07em;opacity:.6;font-size:8.5px;font-weight:700}.sb-output-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sb-output-picker-wrap{position:relative}.sb-change-btn{background:#ffffff14;border:.8px solid #ffffff29;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.sb-popover.is-light .sb-change-btn{background:#0000000d;border-color:#0000001f}.sb-output-popover{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);z-index:120;background:#181a24f0;border:1px solid #ffffff29;border-radius:14px;flex-direction:column;gap:3px;width:224px;padding:8px;display:flex;position:absolute;top:28px;right:0;box-shadow:0 20px 44px #00000073}.sb-popover.is-light .sb-output-popover{background:#fffffff5;border-color:#0000001f;box-shadow:0 20px 44px #0003}.sb-output-pop-title{justify-content:space-between;align-items:center;padding:2px 6px 5px;font-size:11px;font-weight:700;display:flex}.sb-output-pop-title em{color:#3b82f6;font-style:normal;font-weight:600}.sb-chk-mark{color:#3b82f6;font-weight:700}.sb-output-item{text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 8px;display:flex}.sb-output-item div{flex-direction:column;display:flex}.sb-output-item strong{font-size:11px}.sb-output-item span{opacity:.6;font-size:9.5px}.sb-output-item.selected{color:#3b82f6;background:#3b82f624}.sb-master-row{align-items:center;gap:7px;display:flex}.sb-master-row input,.sb-app-slider-row input{accent-color:#3b82f6;flex:1}.sb-app-slider-row input.is-boost{accent-color:#fb923c}.sb-mute-ico{opacity:.72;background:0 0;border:none;place-items:center;width:20px;height:20px;display:grid}.sb-mute-ico.muted{color:#fb923c;opacity:1}.sb-pct-mono{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;width:34px;font-size:10.5px}.sb-mixer-head-right{align-items:center;gap:6px;display:flex}.sb-live-pill{color:#60a5fa;background:#3b82f624;border:.8px solid #3b82f666;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:10px;font-weight:600;display:inline-flex}.sb-live-pill.on{color:#4ade80;background:#22c55e29;border-color:#22c55e73}.sb-range-hint{opacity:.5;font-size:9.5px}.sb-app-list{flex-direction:column;gap:6px;display:flex}.sb-app-row{align-items:flex-start;gap:10px;padding:4px 0;display:flex}.sb-app-main{flex-direction:column;flex:1;gap:3px;display:flex}.sb-app-top{justify-content:space-between;align-items:center;display:flex}.sb-app-name{align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.sb-playing-dot{background:#22c55e;border-radius:50%;width:4.5px;height:4.5px;display:inline-block}.sb-app-pct{font-variant-numeric:tabular-nums;opacity:.72;align-items:center;gap:4px;font-size:11px;display:inline-flex}.sb-app-pct.boost{color:#fb923c;opacity:1;font-weight:600}.sb-app-pct small{font-size:8.5px}.sb-app-slider-row{align-items:center;gap:6px;display:flex}.sb-reset-vol-btn{opacity:.65;background:0 0;border:none;place-items:center;width:18px;height:18px;display:grid}.sb-reset-vol-btn:disabled{opacity:.25;cursor:default}.sb-idle-toggle{opacity:.7;background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;font-size:10.5px;font-weight:600;display:inline-flex}.sb-idle-toggle svg.rotated{transform:rotate(90deg)}.sb-bottom-footer,.sb-settings-footer{justify-content:space-between;align-items:center;padding-top:2px;display:flex}.sb-footer-pill{opacity:.8;background:#ffffff0f;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.sb-popover.is-light .sb-footer-pill{background:#0000000d}.sb-ver-label{opacity:.45;font-variant-numeric:tabular-nums;font-size:10px}.sb-settings-header{justify-content:center;align-items:center;height:26px;display:flex;position:relative}.sb-back-pill{color:#3b82f6;background:#3b82f61f;border:none;border-radius:999px;align-items:center;gap:3px;padding:4px 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;left:0}.sb-setting-row{align-items:center;gap:8px;display:flex}.sb-setting-icon{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.sb-setting-icon.blue{color:#3b82f6;background:#3b82f626}.sb-setting-icon.violet{color:#8b5cf6;background:#8b5cf626}.sb-setting-icon.cyan{color:#0ea5e9;background:#0ea5e926}.sb-setting-copy{flex-direction:column;flex:1;display:flex}.sb-setting-copy strong{font-size:11.5px}.sb-setting-copy span{opacity:.62;font-size:10px}.sb-text-btn{color:#3b82f6;background:0 0;border:none;align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.sb-fit-preview-screen{background:linear-gradient(145deg,#293861,#171f33);border:1px solid #ffffff1a;border-radius:8px;height:66px;position:relative;overflow:hidden}.sb-fit-menubar{color:#fff;background:#ffffff24;justify-content:space-between;align-items:center;height:17px;padding:0 8px;font-size:7.5px;display:flex}.sb-fit-island-mini{background:#000;transition:all .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}.sb-fit-island-mini.notch{border-radius:0 0 6px 6px}.sb-fit-island-mini.pill{border-radius:999px}.sb-fit-sliders{flex-direction:column;gap:6px;display:flex}.sb-fit-row{grid-template-columns:minmax(76px,auto) 18px minmax(0,1fr) 18px auto;align-items:center;gap:5px;font-size:10.5px;display:grid}.sb-fit-label{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.sb-fit-label svg{opacity:.56;flex-shrink:0}.sb-fit-step{color:#ffffffb8;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;place-items:center;width:18px;height:18px;padding:0;transition:background .14s,color .14s;display:grid}.sb-fit-step:hover:not(:disabled){color:#fff;background:#ffffff2e}.sb-fit-step:disabled{opacity:.32;cursor:default}.sb-popover.is-light .sb-fit-step{color:#000000a6;background:#0000000f}.sb-popover.is-light .sb-fit-step:hover:not(:disabled){color:#111827;background:#0000001c}.sb-fit-val{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;color:#ffffffa6;background:#ffffff14;border-radius:999px;min-width:42px;padding:2px 6px;font-size:9.5px;font-style:normal;font-weight:600}.sb-popover.is-light .sb-fit-val{color:#00000094;background:#0000000d}.sb-fit-val.is-modified{color:#60a5fa;background:#0a84ff38}.sb-popover.is-light .sb-fit-val.is-modified{color:#007aff;background:#007aff1f}.sb-card-title-icon{align-items:center;gap:7px;font-size:12px;display:flex}.sb-mini-style-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sb-mini-style-card{background:#00000008;border:1px solid #00000014;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:6px;font-size:10.5px;font-weight:600;display:flex}.sb-popover.is-dark .sb-mini-style-card{background:#ffffff0a;border-color:#ffffff1a}.sb-mini-style-card.selected{color:#3b82f6;background:#3b82f61f;border-color:#3b82f6}.sb-msc-screen{background:linear-gradient(145deg,#a0c2e873,#dce8f873);border-radius:6px;justify-content:center;width:100%;height:36px;display:flex;position:relative}.sb-msc-pill{background:#333;border-radius:999px;width:44px;height:10px;margin-top:4px}.sb-mini-style-card.selected .sb-msc-pill,.sb-mini-style-card.selected .sb-msc-notch{background:#007aff}.sb-msc-notch{background:#333;border-radius:0 0 6px 6px;width:46px;height:12px}.sb-info-banner{color:#3b82f6;background:#3b82f61a;border-radius:8px;align-items:flex-start;gap:6px;padding:8px;font-size:9.5px;line-height:1.38;display:flex}.sb-popover.is-light .sb-info-banner span{color:#1e293b}.sb-popover.is-dark .sb-info-banner span{color:#fffc}.sb-notice-demo-btns{gap:4px;display:flex}.sb-notice-demo-btns button{background:#0000000f;border:none;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.sb-popover.is-dark .sb-notice-demo-btns button{background:#ffffff1a}.sb-accessory-sample{cursor:pointer;background:linear-gradient(135deg,#a5c8f561,#e1c3eb52);border-radius:10px;justify-content:center;padding:12px;display:flex}.sb-accessory-pill{color:#fff;background:#111;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;display:flex}.sb-accessory-pill div{flex-direction:column;line-height:1.15;display:flex}.sb-accessory-pill strong{font-size:10.5px}.sb-accessory-pill span{opacity:.72;font-size:9px}.sb-green-status{color:#16a34a;font-size:11px;font-weight:600}.sb-about-box{align-items:center;gap:10px;display:flex}.sb-about-box img{border-radius:8px}.sb-about-meta{flex-direction:column;flex:1;gap:2px;display:flex}.sb-about-top{align-items:center;gap:6px;display:flex}.sb-about-top strong{font-size:12.5px}.sb-ver-chip{background:#00000012;border-radius:999px;padding:1px 6px;font-size:9.5px}.sb-popover.is-dark .sb-ver-chip{background:#ffffff1f}.sb-about-meta span{opacity:.7;font-size:10.5px}.sb-gpl-pill{color:#2563eb;background:#3b82f61f;border-radius:999px;padding:1px 6px;font-style:normal;font-weight:600}.sb-check-upd-btn{background:#0000000f;border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.sb-popover.is-dark .sb-check-upd-btn{background:#ffffff1a}.sb-blue-pill-link{color:#2563eb;background:#3b82f624;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600}.sb-quit-red-btn{color:#ef4444;background:#ef44441f;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.sb-done-btn{background:#0000000f;border:none;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:600}.sb-popover.is-dark .sb-done-btn{background:#ffffff1a}.demo-desktop-stage{z-index:20;flex:1;justify-content:flex-start;align-items:flex-start;padding:26px 24px;display:flex;position:relative}.demo-sandbox-card{-webkit-backdrop-filter:blur(32px)saturate(180%);color:#111827;background:#ffffffc7;border:1px solid #ffffff7a;border-radius:16px;width:min(370px,100vw - 32px);overflow:hidden;box-shadow:0 28px 65px #00000047}.demo-os.is-dark .demo-sandbox-card{color:#f8fafc;background:#181b24bd;border-color:#ffffff29}.demo-win-titlebar{background:#ffffff59;border-bottom:1px solid #00000012;align-items:center;gap:10px;height:32px;padding:0 12px;display:flex}.demo-os.is-dark .demo-win-titlebar{background:#ffffff0a;border-bottom-color:#ffffff14}.demo-traffic-lights{align-items:center;gap:7px;display:flex}.demo-traffic-lights span{border-radius:50%;width:11px;height:11px;display:block}.tl-red{cursor:pointer;background:#ff5f57}.tl-yellow{background:#febc2e}.tl-green{background:#28c840}.demo-win-title{opacity:.72;font-size:11.5px;font-weight:600}.demo-win-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.sandbox-head{align-items:center;gap:10px;display:flex}.sandbox-head img{border-radius:8px}.sandbox-head div{flex-direction:column;display:flex}.sandbox-head strong{font-size:13px}.sandbox-head span{opacity:.68;font-size:11px}.sandbox-actions-grid{flex-direction:column;gap:6px;display:flex}.sbx-btn{text-align:left;background:#ffffff8c;border:1px solid #00000014;border-radius:10px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.demo-os.is-dark .sbx-btn{background:#ffffff0f;border-color:#ffffff1c}.sbx-btn:hover{background:#ffffffd9}.demo-os.is-dark .sbx-btn:hover{background:#ffffff21}.sbx-btn.active{color:#06c;background:#007aff29;border-color:#007aff8c}.demo-os.is-dark .sbx-btn.active{color:#93c5fd}.sandbox-footer-links{justify-content:space-between;align-items:center;gap:8px;display:flex}.sbx-link-pill,.sbx-dl-pill{border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:600;display:inline-flex}.sbx-link-pill{background:#ffffff8c;border:1px solid #0000001a}.demo-os.is-dark .sbx-link-pill{background:#ffffff14;border-color:#ffffff24}.sbx-dl-pill{color:#fff;background:#007aff}.demo-dock-wrap{z-index:60;justify-content:center;padding-bottom:10px;display:flex;position:relative}.demo-dock{-webkit-backdrop-filter:blur(26px)saturate(180%);backdrop-filter:blur(26px)saturate(180%);background:#ffffff57;border:1px solid #ffffff6b;border-radius:20px;align-items:flex-end;gap:10px;padding:7px 13px;display:flex;box-shadow:0 18px 40px #00000040}.demo-os.is-dark .demo-dock{background:#16182294;border-color:#ffffff2e;box-shadow:0 18px 40px #00000080}.demo-dock-slot{will-change:transform;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.demo-dock-slot:hover,.demo-dock-slot:focus-within{z-index:2}.demo-dock-item{cursor:pointer;transform-origin:bottom;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.demo-dock-item:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #ffffffe6}.demo-dock-item:active{filter:brightness(.84)}.demo-dock-appicon{border-radius:11px;width:44px;height:44px;box-shadow:0 6px 14px #00000047}.demo-dock-glyph{color:#fff;border-radius:11px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff40,0 6px 14px #00000047}.demo-dock-glyph.blue{background:linear-gradient(135deg,#38bdf8,#2563eb)}.demo-dock-glyph.green{background:linear-gradient(135deg,#34d399,#059669)}.demo-dock-glyph.playground{background:linear-gradient(145deg,#6366f1 0%,#7c3aed 54%,#2563eb 100%)}.demo-dock-dot{pointer-events:none;background:#ffffffd9;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.demo-dock-tip{transform:translateX(-50%) translateY(calc(var(--dock-tip-lift,0px) * -1));color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:3;background:#0f121ce6;border:1px solid #ffffff29;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:500;transition:opacity .14s;position:absolute;bottom:calc(100% + 10px);left:50%}.demo-dock-slot:hover .demo-dock-tip,.demo-dock-slot:focus-within .demo-dock-tip{opacity:1}.demo-dock-sep{will-change:transform;background:#ffffff47;flex-shrink:0;align-self:center;width:1px;height:32px}@media (width<=960px){.demo-desktop-stage{display:none}.demo-popover-anchor{position:fixed;top:40px;right:50%;transform:translate(50%)}.sb-popover-arrow{display:none}}.live-status-dot{background:#71e6aa;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #71e6aa55}.demo-browser-note{color:#64748b;margin:16px 0 0;font-size:10px;line-height:1.6}.demo-os.is-dark .demo-browser-note{color:#a3b1c6}.demo-traffic-lights button{cursor:pointer;border:.5px solid #00000038;border-radius:50%;place-items:center;width:12px;height:12px;padding:0;transition:filter .14s,transform .14s;display:grid;position:relative}.demo-traffic-lights button:hover{filter:brightness(.92)}.demo-traffic-lights:hover button.tl-red:before,.demo-traffic-lights:hover button.tl-red:after{content:"";background:#4d0000;border-radius:1px;width:6.5px;height:1.3px;position:absolute}.demo-traffic-lights:hover button.tl-red:before{transform:rotate(45deg)}.demo-traffic-lights:hover button.tl-red:after{transform:rotate(-45deg)}.demo-traffic-lights:hover button.tl-yellow:before{content:"";background:#7c4400;border-radius:1px;width:6.5px;height:1.3px;position:absolute}.demo-traffic-lights:hover button.tl-green:before{content:"";border-top:4px solid #064e0b;border-left:4px solid #0000;width:0;height:0;position:absolute;top:2.5px;right:2.5px}.demo-traffic-lights:hover button.tl-green:after{content:"";border-bottom:4px solid #064e0b;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:2.5px;left:2.5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #60a5fa}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-os.theme-aurora{background:radial-gradient(at 90% 5%,#a7a5f3,#0000 48%),radial-gradient(at 0 85%,#142661,#0000 62%),linear-gradient(145deg,#34488e,#607fbb 55%,#476c96)}.demo-os.theme-sequoia{background:radial-gradient(at 12% -15%,#f3b593,#0000 60%),radial-gradient(at 92% 110%,#452c55,#0000 57%),linear-gradient(135deg,#d6918b,#aa7eaa 45%,#6471a4)}.demo-os{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.demo-os .sb-popover.is-light{color:#555;background:#fff}.demo-os .sb-popover.is-light.is-glass{background:#fffffff7}.demo-os .sb-popover.is-light .sb-panel-card{background:#fff;border-color:#e8e8e8}.demo-os .sb-popover.is-light .sb-segment-bar{background:#f5f5f5}.demo-os .sb-popover.is-light .sb-segment-bar button.active{background:#fff}.demo-os .sb-popover.is-light .sb-status-pill{background:#f5f5f5;border-color:#e4e4e4}.demo-os .sb-popover-arrow.is-light{background:#fff}.demo-os .sb-popover{border-radius:20px}.demo-os .sb-main-panel,.demo-os .sb-settings-view{min-height:0}.demo-os .sb-tab-scroll{scrollbar-width:thin;max-height:min(520px,100dvh - 210px);overflow-y:auto}.demo-os .sb-settings-scroll{max-height:min(520px,100dvh - 185px)}.demo-experience-bar{z-index:65;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#112c426b;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:5px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #05253a18}.demo-experience-bar button{color:#f3f8fc;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:inline-flex}.demo-experience-bar button:hover,.demo-experience-bar button[aria-pressed=true]{background:#fff2}.demo-experience-label{color:#d9edf3;white-space:nowrap;align-items:center;gap:7px;padding:0 9px;font-size:10px;display:flex}.demo-audio-error{z-index:110;color:#333;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:12px;display:flex;position:absolute;bottom:155px;left:50%;transform:translate(-50%)}.demo-audio-error button{background:0 0;border:0;display:flex}.demo-desktop-stage{z-index:64;align-items:flex-start;padding:0;position:absolute;top:55px;bottom:160px;left:24px;overflow-y:auto}.demo-sandbox-card{flex-shrink:0}.demo-os.is-app-fullscreen .demo-experience-bar{z-index:80;background:#0f172ab8;border-color:#ffffff29;border-radius:10px;gap:3px;padding:3px 4px;inset:34px 12px auto auto;transform:none}.demo-os.is-app-fullscreen .demo-experience-bar .demo-experience-label{display:none}.demo-os.is-app-fullscreen .demo-experience-bar button{border-radius:7px;padding:5px 8px;font-size:10.5px}.demo-os.is-app-fullscreen .demo-dock-wrap{opacity:0;pointer-events:none;transition:opacity .16s}.demo-os.is-app-fullscreen .demo-desktop-stage{z-index:72}.desktop-player{z-index:10;color:#303039;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fcfcfdf2;border:1px solid #ffffff78;border-radius:13px;width:min(560px,100vw - 32px);position:absolute;top:100px;left:52px;overflow:hidden;box-shadow:0 24px 60px #08263d57,0 4px 16px #08263d38}.mac-app-window{transition:box-shadow .2s,opacity .16s}.mac-app-window.is-focused{box-shadow:0 32px 92px #04122285,0 6px 20px #0412224d}.mac-app-window.is-hidden-app{opacity:.001!important;pointer-events:none!important;transform:translate(-250vw)!important}.mac-app-window.is-maximized{flex-direction:column;display:flex;overflow:hidden;width:100%!important;max-width:none!important;height:calc(100% - 30px)!important;box-shadow:none!important;border-width:0!important;border-radius:0!important;inset:30px 0 0!important;transform:none!important}.demo-dock-tile{border-radius:11px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 6px 14px #0000004d}.mac-app-window.is-chrome{color:#18181b;background:#fff;border-color:#00000024}.chrome-tabbar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#dee1e6;flex-shrink:0;align-items:flex-end;gap:6px;height:36px;padding:0 12px;display:flex}.chrome-tabbar:active{cursor:grabbing}.chrome-tabbar .demo-traffic-lights{align-self:center;gap:7px;margin-right:6px;display:flex}.chrome-tab{border-radius:8px 8px 0 0;align-items:center;gap:6px;max-width:215px;height:28px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}.chrome-tab.active{color:#1f2937;background:#fff;box-shadow:0 -1px 4px #0000000f}.chrome-tab.muted{color:#52525b;opacity:.78;gap:5px}.chrome-tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chrome-tab-speaker{color:#2563eb;flex-shrink:0}.chrome-yt-favicon{color:#fff;background:red;border-radius:3px;flex-shrink:0;place-items:center;width:14px;height:11px;font-size:7px;line-height:1;display:grid}.chrome-newtab-btn{color:#52525b;border-radius:50%;align-self:center;place-items:center;width:24px;height:24px;display:none}.chrome-omnibox{background:#fff;border-bottom:1px solid #e4e4e7;flex-shrink:0;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.chrome-nav-btns{color:#52525b;align-items:center;gap:8px;display:flex}.chrome-url-pill{color:#3f3f46;background:#f1f3f4;border-radius:999px;flex:1;align-items:center;gap:6px;height:26px;padding:0 11px;font-size:11px;display:flex;overflow:hidden}.chrome-url-pill span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chrome-url-scheme{opacity:.52;font-style:normal;display:none}.chrome-url-star{opacity:.6;flex-shrink:0;display:none}.chrome-toolbar-actions{align-items:center;gap:8px;display:none}.chrome-profile-pill{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:9.5px;font-weight:700;display:grid}.chrome-webpage{background:#f8fafc;flex-direction:column;flex:1;min-height:0;display:flex}.chrome-yt-masthead{background:#fff;border-bottom:1px solid #e4e4e7;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:54px;padding:0 24px;display:none}.chrome-yt-brand{letter-spacing:-.03em;color:#0f0f0f;align-items:center;gap:5px;font-size:16px;display:flex}.chrome-yt-brand sup{color:#606060;margin-left:1px;font-size:9px;font-weight:600}.chrome-yt-playmark{color:#fff;background:red;border-radius:5px;place-items:center;width:26px;height:18px;font-size:9px;line-height:1;display:grid}.chrome-yt-search{flex:1;align-items:center;max-width:520px;display:flex}.chrome-yt-search-input{color:#27272a;white-space:nowrap;background:#fff;border:1px solid #d4d4d8;border-right:0;border-radius:999px 0 0 999px;flex:1;align-items:center;height:34px;padding:0 14px;font-size:12.5px;display:flex;overflow:hidden}.chrome-yt-search-btn{color:#27272a;background:#f4f4f5;border:1px solid #d4d4d8;border-radius:0 999px 999px 0;place-items:center;width:52px;height:34px;display:grid}.chrome-yt-mic-btn{color:#18181b;background:#f4f4f5;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:10px;display:grid}.chrome-yt-mast-right{align-items:center;gap:10px;display:flex}.chrome-yt-chip-pill{color:#18181b;background:#f4f4f5;border-radius:999px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chrome-body{background:#f8fafc;grid-template-columns:1.35fr .95fr;gap:12px;padding:12px;display:grid}.chrome-watch-main{flex-direction:column;gap:8px;min-width:0;display:flex}.chrome-video-stage,.zen-video-stage{aspect-ratio:16/9;background:#09090b;border-radius:9px;width:100%;position:relative;overflow:hidden}.yt-video-frame,.yt-video-frame iframe,.app-local-video-wrap,.app-local-video{border:0;width:100%;height:100%;display:block}.app-local-video-wrap{background:#000;position:relative}.app-local-video{object-fit:contain;background:#000}.app-local-video.is-audio-only{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.app-embed-error-overlay{text-align:center;color:#f4f4f5;z-index:4;background:radial-gradient(circle at 80% 35%,#7c3aed33,#09090bf0);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex;position:absolute;inset:0}.app-embed-error-overlay strong{font-size:11.5px;line-height:1.3}.app-embed-error-overlay p{color:#a1a1aa;max-width:260px;margin:0;font-size:10px;line-height:1.4}.app-embed-error-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.app-local-stage{align-items:center;width:100%;height:100%;padding:14px;display:flex;position:relative;overflow:hidden}.app-local-stage-bg{object-fit:cover;filter:blur(22px)saturate(1.25);opacity:.55;width:calc(100% + 32px);height:calc(100% + 32px);position:absolute;inset:-16px}.app-local-stage-scrim{background:linear-gradient(135deg,#0a0c12c7,#0a0c128c);position:absolute;inset:0}.app-local-stage-card{z-index:2;align-items:center;gap:12px;width:100%;min-width:0;display:flex;position:relative}.app-local-stage-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:68px;height:68px;box-shadow:0 8px 20px #0000007a}.app-local-stage-meta{color:#fff;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.app-local-stage-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.app-local-stage-meta>span:not(.app-local-pill){color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.app-local-pill{letter-spacing:.04em;text-transform:uppercase;color:#86efac;background:#22c55e38;border:1px solid #4ade8052;border-radius:999px;align-self:flex-start;padding:2px 6px;font-size:8.5px;font-weight:700}.app-local-stage-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.app-stage-btn{color:#f4f4f5;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.app-stage-btn:hover{background:#ffffff2e}.app-stage-btn.primary{color:#09090b;background:#fff;border-color:#fff}.app-stage-btn.primary:hover{background:#e4e4e7}.spotify-attach-btn{flex-shrink:0;margin-left:auto}.spotify-embed-warning{color:#fde68a;background:#f59e0b24;border:1px solid #f59e0b57;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.spotify-embed-warning>span{flex:1;min-width:150px;line-height:1.35}.chrome-watch-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.chrome-watch-meta>div:first-child{flex:1;min-width:0}.chrome-watch-meta strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.25;display:block;overflow:hidden}.chrome-channel-row{align-items:center;gap:8px;min-width:0;display:flex}.chrome-channel-info{min-width:0}.chrome-channel-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;font-size:10.5px;display:inline-flex;overflow:hidden}.chrome-channel-avatar,.chrome-channel-info small,.chrome-sub-pill,.chrome-channel-name svg{display:none}.chrome-watch-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.chrome-yt-action-pills,.chrome-yt-desc{display:none}.chrome-upnext{background:#fff;border:1px solid #e4e4e7;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.chrome-upnext-head{color:#52525b;justify-content:space-between;align-items:center;padding:2px 4px;font-size:10.5px;font-weight:700;display:flex}.chrome-upnext-head strong{color:#18181b;font-size:11px;display:block}.chrome-upnext-head span{color:#71717a;font-size:9.5px;font-weight:500}.chrome-upnext-badge,.chrome-queue-idx,.chrome-thumb-dur{display:none}.chrome-thumb-wrap{flex-shrink:0;display:block;position:relative}.mac-app-window.is-chrome.is-maximized .chrome-tabbar{height:40px;padding:0 14px}.mac-app-window.is-chrome.is-maximized .chrome-tab{max-width:260px;height:32px;font-size:11.5px}.mac-app-window.is-chrome.is-maximized .chrome-newtab-btn,.mac-app-window.is-chrome.is-maximized .chrome-toolbar-actions,.mac-app-window.is-chrome.is-maximized .chrome-url-star{display:inline-flex}.mac-app-window.is-chrome.is-maximized .chrome-url-scheme{display:inline}.mac-app-window.is-chrome.is-maximized .chrome-omnibox{gap:12px;height:42px;padding:0 14px}.mac-app-window.is-chrome.is-maximized .chrome-url-pill{height:30px;font-size:12px}.mac-app-window.is-chrome.is-maximized .chrome-webpage{overflow-y:auto}.mac-app-window.is-chrome.is-maximized .chrome-yt-masthead{display:flex}.mac-app-window.is-chrome.is-maximized .chrome-body{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:24px;width:100%;max-width:1460px;margin:0 auto;padding:20px 28px 36px}.mac-app-window.is-chrome.is-maximized .chrome-video-stage{border-radius:12px;box-shadow:0 14px 36px #00000024}.mac-app-window.is-chrome.is-maximized .chrome-watch-meta{flex-wrap:wrap;align-items:flex-start;gap:14px;padding-top:4px}.mac-app-window.is-chrome.is-maximized .chrome-watch-meta>div:first-child>strong{white-space:normal;margin-bottom:10px;font-size:19px;line-height:1.3}.mac-app-window.is-chrome.is-maximized .chrome-channel-row{flex-wrap:wrap;gap:10px}.mac-app-window.is-chrome.is-maximized .chrome-channel-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.mac-app-window.is-chrome.is-maximized .chrome-channel-name{color:#0f0f0f;font-size:14px;font-weight:600}.mac-app-window.is-chrome.is-maximized .chrome-channel-name svg{color:#606060;display:inline-block}.mac-app-window.is-chrome.is-maximized .chrome-channel-info small{color:#606060;font-size:11.5px;display:block}.mac-app-window.is-chrome.is-maximized .chrome-sub-pill{color:#fff;background:#0f0f0f;border-radius:999px;align-items:center;height:34px;margin-left:8px;padding:0 16px;font-size:12.5px;font-weight:600;display:inline-flex}.mac-app-window.is-chrome.is-maximized .chrome-yt-action-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mac-app-window.is-chrome.is-maximized .chrome-yt-pill{color:#0f0f0f;background:#f2f2f2;border:0;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.mac-app-window.is-chrome.is-maximized .chrome-yt-pill.is-interactive{cursor:pointer}.mac-app-window.is-chrome.is-maximized .chrome-yt-pill.is-interactive:hover{background:#e5e5e5}.mac-app-window.is-chrome.is-maximized .chrome-yt-desc{color:#18181b;background:#f1f3f5;border-radius:12px;margin-top:4px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:block}.mac-app-window.is-chrome.is-maximized .chrome-yt-desc-stats{flex-wrap:wrap;gap:10px;margin-bottom:4px;font-weight:700;display:flex}.mac-app-window.is-chrome.is-maximized .chrome-yt-desc-stats span:last-child{color:#2563eb;font-weight:600}.mac-app-window.is-chrome.is-maximized .chrome-yt-desc p{color:#3f3f46;margin:0}.mac-app-window.is-chrome.is-maximized .chrome-upnext{border-radius:12px;gap:10px;padding:12px}.mac-app-window.is-chrome.is-maximized .chrome-upnext-head strong{font-size:14px}.mac-app-window.is-chrome.is-maximized .chrome-upnext-head span{font-size:11px}.mac-app-window.is-chrome.is-maximized .chrome-upnext-badge{color:#334155;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.mac-app-window.is-chrome.is-maximized .app-track-item{border-radius:9px;gap:10px;padding:7px 8px}.mac-app-window.is-chrome.is-maximized .chrome-queue-idx{color:#71717a;flex-shrink:0;place-items:center;width:16px;font-size:11px;display:grid}.mac-app-window.is-chrome.is-maximized .app-track-thumb{border-radius:7px;width:106px;height:60px}.mac-app-window.is-chrome.is-maximized .chrome-thumb-dur{color:#fff;font-variant-numeric:tabular-nums;background:#000000d1;border-radius:4px;padding:1px 4px;font-size:9.5px;font-weight:700;display:block;position:absolute;bottom:4px;right:4px}.mac-app-window.is-chrome.is-maximized .app-track-item>small{display:none}.mac-app-window.is-chrome.is-maximized .app-track-text strong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box}.mac-app-window.is-chrome.is-maximized .app-track-text span{margin-top:2px;font-size:11px}.demo-os.is-dark .mac-app-window.is-chrome{color:#f4f4f5;background:#202124;border-color:#ffffff24}.demo-os.is-dark .chrome-tabbar{background:#202124}.demo-os.is-dark .chrome-tab.active{color:#f4f4f5;background:#35363a}.demo-os.is-dark .chrome-tab.muted{color:#a1a1aa}.demo-os.is-dark .chrome-newtab-btn,.demo-os.is-dark .chrome-nav-btns{color:#d4d4d8}.demo-os.is-dark .chrome-omnibox{background:#35363a;border-color:#3f3f46}.demo-os.is-dark .chrome-url-pill{color:#d4d4d8;background:#202124}.demo-os.is-dark .chrome-webpage,.demo-os.is-dark .chrome-body{background:#0f0f0f}.demo-os.is-dark .chrome-yt-masthead{background:#0f0f0f;border-bottom-color:#ffffff1a}.demo-os.is-dark .chrome-yt-brand{color:#f1f1f1}.demo-os.is-dark .chrome-yt-brand sup{color:#aaa}.demo-os.is-dark .chrome-yt-search-input{color:#f1f1f1;background:#121212;border-color:#303030}.demo-os.is-dark .chrome-yt-search-btn{color:#f1f1f1;background:#222;border-color:#303030}.demo-os.is-dark .chrome-yt-mic-btn,.demo-os.is-dark .chrome-yt-chip-pill{color:#f1f1f1;background:#272727}.demo-os.is-dark .chrome-watch-meta strong,.demo-os.is-dark .chrome-channel-name,.demo-os.is-dark .chrome-upnext-head strong{color:#f4f4f5}.demo-os.is-dark .chrome-channel-info small,.demo-os.is-dark .chrome-upnext-head span{color:#a1a1aa}.demo-os.is-dark .chrome-sub-pill{color:#0f0f0f;background:#f1f1f1}.demo-os.is-dark .chrome-yt-pill{color:#f1f1f1;background:#272727}.demo-os.is-dark .chrome-yt-pill.is-interactive:hover{background:#3f3f3f}.demo-os.is-dark .chrome-yt-desc{color:#f1f1f1;background:#272727}.demo-os.is-dark .chrome-yt-desc-stats span:last-child{color:#60a5fa}.demo-os.is-dark .chrome-yt-desc p{color:#d4d4d8}.demo-os.is-dark .chrome-upnext{background:#18181b;border-color:#ffffff1f}.demo-os.is-dark .chrome-upnext-badge{color:#e4e4e7;background:#27272a}.demo-os.is-dark .app-track-item{color:#e4e4e7}.demo-os.is-dark .app-track-item:hover{background:#ffffff14}.demo-os.is-dark .app-track-item.selected{background:#38bdf829}.demo-os.is-dark .app-track-text span,.demo-os.is-dark .app-track-item small,.demo-os.is-dark .chrome-queue-idx{color:#9ca3af}.demo-os.is-dark .app-mini-transport button{color:#e4e4e7}.demo-os.is-dark .app-play-circle{color:#111827;background:#f4f4f5}.demo-os.is-dark .app-scrubber-row{color:#9ca3af}.app-track-list{flex-direction:column;gap:3px;display:flex}.app-track-item{text-align:left;color:#1f2937;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:5px 6px;transition:background .15s;display:flex}.app-track-item:hover{background:#0000000d}.app-track-item.selected{background:#0ea5e91f}.app-track-thumb{object-fit:cover;background:#18181b;border-radius:4px;flex-shrink:0;width:34px;height:24px}.app-track-text{flex:1;min-width:0}.app-track-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.app-track-text span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.app-track-item small{color:#71717a;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9.5px}.app-mini-transport{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-mini-transport button{color:#3f3f46;background:0 0;border:0;place-items:center;padding:3px;display:grid}.app-play-circle{border-radius:50%;width:28px;height:28px;color:#fff!important;background:#18181b!important}.app-play-circle.is-zen{color:#111827!important;background:#f28b66!important}.app-scrubber-row{color:#71717a;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:9.5px;display:flex}.app-scrubber-row input[type=range]{appearance:none;background:linear-gradient(90deg, #3b82f6 var(--app-prog,0%), #78788047 var(--app-prog,0%));cursor:pointer;border-radius:999px;flex:1;height:4px}.app-scrubber-row.is-spotify input[type=range]{background:linear-gradient(90deg, #1db954 var(--app-prog,0%), #fff3 var(--app-prog,0%))}.app-scrubber-row.is-zen input[type=range]{background:linear-gradient(90deg, #f28b66 var(--app-prog,0%), #fff3 var(--app-prog,0%))}.app-scrubber-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 3px #00000059}.mac-app-window.is-spotify{color:#f4f4f5;background:#121212;border-color:#ffffff24}.spotify-topbar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0a0a;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.spotify-topbar:active{cursor:grabbing}.spotify-topbar-left{align-items:center;gap:12px;display:flex}.spotify-topbar-left .demo-traffic-lights{gap:7px;display:flex}.spotify-topbar-center{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.spotify-topbar-right{align-items:center;display:flex}.spotify-nav-history,.spotify-home-pill,.spotify-lib-plus,.spotify-lib-chips,.spotify-sidebar-queue,.spotify-action-bar,.spotify-table-head,.spotify-row-source,.spotify-now-check,.spotify-extra-btn,.spotify-playerbar-right{display:none}.spotify-search-pill{color:#a1a1aa;background:#242424;border-radius:999px;flex:1;align-items:center;gap:6px;max-width:240px;height:24px;padding:0 10px;font-size:10.5px;display:flex}.spotify-search-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spotify-body{grid-template-columns:148px 1fr;min-height:235px;display:grid}.spotify-sidebar{background:#0f0f10;border-right:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:10px;display:flex}.spotify-sidebar-head{justify-content:space-between;align-items:center;padding:2px 4px 4px;display:flex}.spotify-nav-title{color:#a1a1aa;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.spotify-playlist-card{background:#ffffff08;border-radius:7px;align-items:center;gap:8px;padding:6px;display:flex}.spotify-playlist-card.active{background:#1db95424}.spotify-playlist-card img{object-fit:cover;border-radius:4px;flex-shrink:0;width:22px;height:22px}.spotify-playlist-card strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;display:block;overflow:hidden}.spotify-playlist-card span{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.spotify-playlist-card>div{min-width:0}.spotify-main{background:linear-gradient(#1db9542e 0%,#121212 48%);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.spotify-hero{align-items:center;gap:12px;display:flex}.spotify-hero-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:54px;height:54px;box-shadow:0 8px 20px #0000008c}.spotify-hero-meta{min-width:0}.spotify-kicker{letter-spacing:.09em;color:#4ade80;font-size:8.5px;font-weight:700}.spotify-hero-meta h2{color:#fff;margin:2px 0;font-size:16px;line-height:1.2}.spotify-hero-meta p{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10.5px;overflow:hidden}.spotify-table{flex-direction:column;gap:3px;display:flex}.spotify-row{text-align:left;color:#e4e4e7;background:0 0;border:0;border-radius:6px;grid-template-columns:20px 34px 1fr auto;align-items:center;gap:8px;width:100%;padding:5px 7px;display:grid}.spotify-row:hover{background:#ffffff14}.spotify-row.selected{background:#1db95429}.spotify-row.selected .app-track-text strong{color:#1db954}.spotify-row .app-track-text span,.spotify-row small{color:#a1a1aa}.spotify-idx{color:#a1a1aa;place-items:center;font-size:10.5px;display:grid}.spotify-playerbar{background:#181818;border-top:1px solid #ffffff14;flex-shrink:0;grid-template-columns:165px 1fr;align-items:center;gap:12px;padding:8px 12px;display:grid;position:relative}.spotify-now{align-items:center;gap:8px;min-width:0;display:flex}.spotify-now img{object-fit:cover;border-radius:5px;flex-shrink:0;width:36px;height:36px}.spotify-now>div{min-width:0}.spotify-now strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.spotify-now span{color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.spotify-controls{flex-direction:column;gap:5px;display:flex}.spotify-btns{justify-content:center;align-items:center;gap:14px;display:flex}.spotify-btns button{color:#d4d4d8;background:0 0;border:0;place-items:center;padding:2px;display:grid}.spotify-play-btn{border-radius:50%;width:26px;height:26px;color:#000!important;background:#fff!important}.spotify-audio-host{opacity:.001;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.yt-audio-only-frame,.yt-audio-only-frame iframe{border:0;width:200px;height:120px}.mac-app-window.is-spotify.is-maximized{background:#000}.mac-app-window.is-spotify.is-maximized .spotify-topbar{background:#000;border-bottom:0;height:50px;padding:0 380px 0 14px}.mac-app-window.is-spotify.is-maximized .spotify-topbar-right{display:none}.mac-app-window.is-spotify.is-maximized .spotify-topbar-center{justify-content:flex-start;max-width:440px}.mac-app-window.is-spotify.is-maximized .spotify-nav-history{align-items:center;gap:6px;display:flex}.mac-app-window.is-spotify.is-maximized .spotify-nav-history span{color:#d4d4d8;background:#141414;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.mac-app-window.is-spotify.is-maximized .spotify-home-pill{color:#fff;background:#1f1f1f;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.mac-app-window.is-spotify.is-maximized .spotify-search-pill{max-width:360px;height:34px;padding:0 14px;font-size:12px}.mac-app-window.is-spotify.is-maximized .spotify-body{background:#000;flex:1;grid-template-columns:276px 1fr;gap:8px;min-height:0;padding:0 8px 8px}.mac-app-window.is-spotify.is-maximized .spotify-sidebar{background:#121212;border-right:0;border-radius:8px;gap:10px;padding:14px 12px}.mac-app-window.is-spotify.is-maximized .spotify-nav-title{color:#b3b3b3;font-size:13px}.mac-app-window.is-spotify.is-maximized .spotify-lib-plus{color:#a1a1aa;display:block}.mac-app-window.is-spotify.is-maximized .spotify-lib-chips{gap:6px;display:flex}.mac-app-window.is-spotify.is-maximized .spotify-lib-chips span{color:#f4f4f5;background:#232323;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600}.mac-app-window.is-spotify.is-maximized .spotify-playlist-card{border-radius:8px;gap:11px;padding:9px 10px}.mac-app-window.is-spotify.is-maximized .spotify-playlist-card img{border-radius:6px;width:42px;height:42px}.mac-app-window.is-spotify.is-maximized .spotify-playlist-card strong{font-size:13px}.mac-app-window.is-spotify.is-maximized .spotify-playlist-card span{font-size:11px}.mac-app-window.is-spotify.is-maximized .spotify-sidebar-queue{background:#1b1b1b;border:1px solid #ffffff0f;border-radius:8px;margin-top:auto;padding:12px;display:block}.mac-app-window.is-spotify.is-maximized .spotify-sidebar-queue-label{letter-spacing:.08em;color:#1ed760;margin-bottom:4px;font-size:9.5px;font-weight:700;display:block}.mac-app-window.is-spotify.is-maximized .spotify-sidebar-queue p{color:#a1a1aa;margin:0;font-size:11px;line-height:1.45}.mac-app-window.is-spotify.is-maximized .spotify-main{background:linear-gradient(#1db95457 0%,#143e276b 240px,#121212 420px);border-radius:8px;gap:18px;padding:26px 28px 30px;overflow-y:auto}.mac-app-window.is-spotify.is-maximized .spotify-hero{align-items:flex-end;gap:22px}.mac-app-window.is-spotify.is-maximized .spotify-hero-cover{border-radius:8px;width:clamp(132px,15vw,186px);height:clamp(132px,15vw,186px);box-shadow:0 18px 44px #0000009e}.mac-app-window.is-spotify.is-maximized .spotify-kicker{letter-spacing:.08em;font-size:11px}.mac-app-window.is-spotify.is-maximized .spotify-hero-meta h2{letter-spacing:-.03em;margin:6px 0 8px;font-size:clamp(28px,4vw,52px);font-weight:900}.mac-app-window.is-spotify.is-maximized .spotify-hero-meta p{color:#e4e4e7;font-size:13px}.mac-app-window.is-spotify.is-maximized .spotify-attach-btn{display:none}.mac-app-window.is-spotify.is-maximized .spotify-action-bar{align-items:center;gap:18px;padding-top:4px;display:flex}.mac-app-window.is-spotify.is-maximized .spotify-hero-play{cursor:pointer;background:#1ed760;border:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .14s,background .14s;display:grid;box-shadow:0 8px 22px #0006}.mac-app-window.is-spotify.is-maximized .spotify-hero-play:hover{background:#3be477;transform:scale(1.04)}.mac-app-window.is-spotify.is-maximized .spotify-action-icon{color:#b3b3b3;display:inline-flex}.mac-app-window.is-spotify.is-maximized .spotify-action-icon.is-saved{color:#1ed760}.mac-app-window.is-spotify.is-maximized .spotify-action-attach{height:30px;margin-left:auto;padding:0 13px;font-size:11.5px}.mac-app-window.is-spotify.is-maximized .spotify-table-head{color:#a1a1aa;border-bottom:1px solid #ffffff1a;grid-template-columns:28px 1fr 140px 56px;align-items:center;gap:12px;padding:0 12px 8px;font-size:11px;font-weight:600;display:grid}.mac-app-window.is-spotify.is-maximized .spotify-head-clock{justify-self:end}.mac-app-window.is-spotify.is-maximized .spotify-row{border-radius:6px;grid-template-columns:28px 42px 1fr 140px 56px;gap:12px;padding:8px 12px}.mac-app-window.is-spotify.is-maximized .spotify-row .app-track-thumb{border-radius:5px;width:42px;height:42px}.mac-app-window.is-spotify.is-maximized .spotify-row .app-track-text strong{font-size:14px}.mac-app-window.is-spotify.is-maximized .spotify-row .app-track-text span{margin-top:2px;font-size:12px}.mac-app-window.is-spotify.is-maximized .spotify-row-source{color:#a1a1aa;font-size:12px;display:block}.mac-app-window.is-spotify.is-maximized .spotify-row small{justify-self:end;font-size:12px}.mac-app-window.is-spotify.is-maximized .spotify-playerbar{background:#000;border-top:0;grid-template-columns:minmax(210px,1fr) minmax(340px,560px) minmax(190px,1fr);height:84px;padding:0 18px}.mac-app-window.is-spotify.is-maximized .spotify-now{gap:12px}.mac-app-window.is-spotify.is-maximized .spotify-now img{border-radius:6px;width:54px;height:54px}.mac-app-window.is-spotify.is-maximized .spotify-now strong{font-size:13px}.mac-app-window.is-spotify.is-maximized .spotify-now span{font-size:11px}.mac-app-window.is-spotify.is-maximized .spotify-now-check{flex-shrink:0;display:block}.mac-app-window.is-spotify.is-maximized .spotify-play-btn{width:34px;height:34px}.mac-app-window.is-spotify.is-maximized .spotify-extra-btn{color:#a1a1aa;display:inline-flex}.mac-app-window.is-spotify.is-maximized .spotify-playerbar-right{color:#b3b3b3;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}.mac-app-window.is-spotify.is-maximized .spotify-vol-meter{background:#ffffff38;border-radius:999px;width:88px;height:4px;overflow:hidden}.mac-app-window.is-spotify.is-maximized .spotify-vol-meter span{background:#1ed760;border-radius:999px;height:100%;display:block}.mac-app-window.is-zen{color:#f5f0e8;background:#16151d;border-color:#ffffff29}.zen-shell{grid-template-columns:168px 1fr;min-height:315px;display:grid}.zen-sidebar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#2c2534eb,#18161ff5);border-right:1px solid #ffffff17;flex-direction:column;gap:9px;padding:10px 9px;display:flex}.zen-sidebar:active{cursor:grabbing}.zen-sidebar-top{justify-content:space-between;align-items:center;display:flex}.zen-sidebar-top .demo-traffic-lights{gap:7px;display:flex}.zen-brand-pill{color:#f5f0e8;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex}.zen-nav-strip,.zen-sidebar-foot,.zen-upnext-strip{display:none}.zen-url-bar{color:#d6cfc7;background:#ffffff14;border-radius:7px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:10px;display:flex;overflow:hidden}.zen-url-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zen-tabs-heading{color:#f5f0e880;text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;font-weight:700}.zen-tab-list{flex-direction:column;gap:4px;display:flex}.zen-vtab{text-align:left;color:#e7e2da;background:#ffffff08;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;width:100%;padding:5px 6px;display:flex}.zen-vtab:hover{background:#ffffff14}.zen-vtab.selected{background:#f28b6629;border-color:#f28b6659}.zen-vtab img{object-fit:cover;border-radius:5px;flex-shrink:0;width:24px;height:24px}.zen-vtab-meta{flex:1;min-width:0}.zen-vtab-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;display:block;overflow:hidden}.zen-vtab-meta span{color:#f5f0e88c;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.zen-content{background:#111016;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.zen-stage-scroll,.zen-theater-inner{flex-direction:column;gap:8px;min-width:0;display:flex}.zen-content-bar{color:#f5f0e8b8;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.zen-content-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zen-footer-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.zen-now-meta{flex:1;min-width:0}.zen-now-meta strong{color:#f5f0e8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.zen-now-meta span{color:#f5f0e899;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.zen-content .app-mini-transport button{color:#e7e2da}.mac-app-window.is-zen.is-maximized .zen-shell{background:radial-gradient(circle at 12% 18%,#31253e 0%,#1a1625 46%,#111018 100%);flex:1;grid-template-columns:248px 1fr;min-height:0;padding:8px 8px 8px 0}.mac-app-window.is-zen.is-maximized .zen-sidebar{background:0 0;border-right:0;gap:12px;padding:10px 14px 12px}.mac-app-window.is-zen.is-maximized .zen-nav-strip{color:#f5f0e8bf;align-items:center;gap:6px;display:flex}.mac-app-window.is-zen.is-maximized .zen-workspace-tag{color:#f5f0e8;background:#ffffff14;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:10.5px}.mac-app-window.is-zen.is-maximized .zen-url-bar{border-radius:9px;height:30px;padding:0 10px;font-size:11px}.mac-app-window.is-zen.is-maximized .zen-vtab{border-radius:9px;gap:10px;padding:8px 9px}.mac-app-window.is-zen.is-maximized .zen-vtab img{width:34px;height:24px}.mac-app-window.is-zen.is-maximized .zen-vtab-meta strong{font-size:12px}.mac-app-window.is-zen.is-maximized .zen-vtab-meta span{font-size:10.5px}.mac-app-window.is-zen.is-maximized .zen-sidebar-foot{color:#f5f0e8a6;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:10.5px;display:flex}.mac-app-window.is-zen.is-maximized .zen-space-dots{gap:6px;display:flex}.mac-app-window.is-zen.is-maximized .zen-space-dots i{background:#ffffff40;border-radius:50%;width:7px;height:7px;display:block}.mac-app-window.is-zen.is-maximized .zen-space-dots i.is-active{background:#f28b66;border-radius:999px;width:16px}.mac-app-window.is-zen.is-maximized .zen-content{background:#100f15;border:1px solid #ffffff1c;border-radius:12px;gap:0;padding:0;overflow:hidden;box-shadow:0 16px 44px #0000007a}.mac-app-window.is-zen.is-maximized .zen-content-bar{background:#ffffff05;border-bottom:1px solid #ffffff12;flex-shrink:0;height:44px;padding:0 386px 0 18px;font-size:12px}.mac-app-window.is-zen.is-maximized .zen-stage-scroll{flex:1;padding:20px 28px 32px;overflow-y:auto}.mac-app-window.is-zen.is-maximized .zen-theater-inner{gap:14px;width:100%;max-width:980px;margin:0 auto}.mac-app-window.is-zen.is-maximized .zen-video-stage{border-radius:12px}.mac-app-window.is-zen.is-maximized .zen-now-meta strong{font-size:17px}.mac-app-window.is-zen.is-maximized .zen-now-meta span{margin-top:2px;font-size:12px}.mac-app-window.is-zen.is-maximized .app-play-circle.is-zen{width:34px;height:34px}.mac-app-window.is-zen.is-maximized .zen-upnext-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:8px;display:grid}.zen-upnext-card{color:#f5f0e8;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:9px;padding:8px;display:flex}.zen-upnext-card:hover{background:#ffffff14}.zen-upnext-card.selected{background:#f28b6624;border-color:#f28b6673}.zen-upnext-card img{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:34px}.zen-upnext-card>div{min-width:0}.zen-upnext-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.zen-upnext-card span{color:#f5f0e894;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sb-disabled-module{flex-direction:column;align-items:center;gap:16px;padding:30px 15px;font-size:12px;display:flex}.sb-island-anchor.pet-can-wander .sb-pet-btn .pet-svg{animation:18s ease-in-out infinite demo-pet-stroll}@keyframes demo-pet-stroll{0%,65%,to{translate:0}75%{translate:8px}85%{translate:-3px}}@media (width<=960px){.desktop-player{width:calc(100vw - 24px);top:56px!important;left:12px!important}.mac-app-window.is-maximized{width:100%!important;height:calc(100% - 30px)!important;inset:30px 0 0!important}.mac-app-window.is-unfocused{opacity:.001;pointer-events:none;transform:translate(-250vw)}.demo-experience-label{display:none}.demo-os:not(.is-embedded).is-app-fullscreen .demo-experience-bar{max-width:calc(100vw - 16px);inset:auto auto 10px 50%;transform:translate(-50%)}.demo-os:not(.is-embedded) .mac-app-window.is-chrome.is-maximized .chrome-body{grid-template-columns:1fr;padding:14px 16px 68px}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-topbar{padding-right:14px}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-body{grid-template-columns:1fr}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-sidebar{display:none}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-main{padding:18px 16px 24px}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-playerbar{grid-template-columns:1fr auto;height:auto;padding:10px 14px 56px}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-playerbar-right{display:none}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-shell{grid-template-columns:1fr;padding:8px}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-sidebar{display:none}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-content-bar{padding:0 14px}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-stage-scroll{padding:14px 14px 68px}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-upnext-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1080px){.demo-os:not(.is-embedded) .demo-mb-clock-full{display:none}.demo-os:not(.is-embedded) .demo-mb-clock-short{display:inline}.demo-os:not(.is-embedded) .demo-mb-slot.is-secondary:nth-last-child(-n+2){display:none}}@media (width<=600px){.desktop-player{top:64px!important}.mac-app-window.is-maximized{top:30px!important;left:0!important}.chrome-body,.spotify-body{grid-template-columns:1fr}.spotify-sidebar{display:none}.spotify-playerbar,.zen-shell{grid-template-columns:1fr}.demo-os:not(.is-embedded) .mac-app-window.is-chrome.is-maximized .chrome-yt-masthead{gap:8px;padding:0 12px}.demo-os:not(.is-embedded) .mac-app-window.is-chrome.is-maximized .chrome-yt-search{max-width:none}.demo-os:not(.is-embedded) .mac-app-window.is-chrome.is-maximized .chrome-yt-mast-right,.demo-os:not(.is-embedded) .mac-app-window.is-chrome.is-maximized .chrome-yt-mic-btn,.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-table-head,.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-row-source{display:none}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-row{grid-template-columns:24px 40px 1fr 48px}.demo-os:not(.is-embedded) .mac-app-window.is-spotify.is-maximized .spotify-playerbar{grid-template-columns:1fr;gap:8px}.demo-os:not(.is-embedded) .mac-app-window.is-zen.is-maximized .zen-upnext-strip{grid-template-columns:1fr}.demo-experience-bar{flex-wrap:wrap;justify-content:center;width:max-content;bottom:88px}.demo-experience-bar button{padding:7px;font-size:10px}.demo-desktop-stage{display:flex;inset:70px 16px 155px}.demo-os:not(.is-embedded) .demo-mb-slot.is-secondary,.demo-os:not(.is-embedded) .demo-mb-sys-opt{display:none}.demo-os .sb-popover{width:min(356px,100vw - 24px)}}.demo-dock-wrap{position:absolute;bottom:0;left:0;right:0}.demo-os .sb-tab-scroll,.demo-os .sb-settings-scroll{scrollbar-width:thin;scrollbar-color:#00000025 transparent}.demo-os .sb-tab-scroll::-webkit-scrollbar{width:4px}.demo-os .sb-settings-scroll::-webkit-scrollbar{width:4px}.demo-os .sb-tab-scroll::-webkit-scrollbar-thumb{background:#00000025;border-radius:4px}.demo-os .sb-settings-scroll::-webkit-scrollbar-thumb{background:#00000025;border-radius:4px}.demo-os .sb-panel-card{flex-shrink:0}@media (width<=600px){.demo-experience-bar button{min-height:32px}.demo-mb-right,.demo-mb-left{gap:2px}.demo-os:not(.is-embedded) .demo-mb-left .demo-mb-bold{display:none}.demo-cc-popover{width:min(296px,100vw - 20px);right:-12px}}.sb-style-opt:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.sb-island-anchor.pet-can-wander .sb-pet-btn .pet-svg{animation:none}}.demo-os.theme-tahoe{background:#527363 url(/assets/macos-sonoma-CZwPAk7L.jpg) 50%/cover no-repeat}.demo-hardware-notch{z-index:85;pointer-events:none;background:#000;border-radius:0 0 11px 11px;width:185px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.demo-hardware-notch span{background:radial-gradient(circle at 40% 35%,#1c3447,#080b11 65%);border-radius:50%;width:7px;height:7px;margin:10px auto;display:block}.demo-os .demo-menubar{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#34483c35;flex-shrink:0}.demo-os .mac-app-window{max-height:calc(100dvh - 160px);overflow-y:auto}.demo-os .mac-app-window.is-maximized{max-height:none;overflow:hidden}.demo-os .demo-dock{background:#e8edf544;border-color:#ffffff59;box-shadow:inset 0 1px #ffffff38,0 12px 36px #0003}.demo-os .demo-dock-slot:focus-within .demo-dock-tip{opacity:1}.demo-os .demo-experience-bar{opacity:.55;transition:opacity .2s}.demo-os .demo-experience-bar:hover,.demo-os .demo-experience-bar:focus-within{opacity:1}.demo-os .sb-tab-scroll,.demo-os .sb-settings-scroll{overscroll-behavior:contain}.demo-mb-dropdown{overscroll-behavior:contain;max-width:calc(100vw - 20px);max-height:calc(100dvh - 46px);overflow-y:auto}.demo-mb-menu-row:focus-visible{outline-offset:-2px;color:#fff;background:#007aff}@media (width<=1250px) and (width>=601px){.demo-os:not(.is-embedded) .demo-mb-slot.is-secondary:nth-last-child(-n+3),.demo-os:not(.is-embedded) .demo-mb-clock-full{display:none}.demo-os:not(.is-embedded) .demo-mb-clock-short{display:inline}}@media (width<=960px) and (width>=601px){.demo-os:not(.is-embedded) .demo-mb-slot.is-secondary,.demo-os:not(.is-embedded) .demo-mb-sys-opt{display:none}}@media (width<=600px){.demo-os:not(.is-embedded) .demo-mb-slot.is-primary,.demo-os:not(.is-embedded) .demo-mb-clock-btn{display:none}.demo-os .sb-exp-wrap{padding-inline:12px}.demo-os .demo-dock{gap:7px;padding-inline:10px}.demo-os .demo-experience-bar{opacity:.85;width:calc(100vw - 24px)}.demo-os .demo-popover-anchor{top:40px}.demo-os .sb-popover{max-height:calc(100dvh - 130px)}.demo-os .sb-tab-scroll,.demo-os .sb-settings-scroll{max-height:calc(100dvh - 250px)}}@media (width<=440px){.demo-os .demo-dock-slot,.demo-os .demo-dock-item,.demo-os .demo-dock-appicon,.demo-os .demo-dock-tile,.demo-os .demo-dock-glyph,.demo-os .demo-dock-tile>svg,.demo-os .demo-dock-tile>img{width:38px;height:38px}}@media (width<=360px){.demo-os .demo-dock-slot,.demo-os .demo-dock-item,.demo-os .demo-dock-appicon,.demo-os .demo-dock-tile,.demo-os .demo-dock-glyph,.demo-os .demo-dock-tile>svg,.demo-os .demo-dock-tile>img{width:36px;height:36px}.demo-os .demo-dock{gap:6px}}@media (width>=1100px){.mac-app-window.is-spotify:not(.is-maximized){width:min(800px,100vw - 64px)}.mac-app-window.is-chrome:not(.is-maximized){width:min(760px,100vw - 64px)}.mac-app-window.is-zen:not(.is-maximized){width:min(740px,100vw - 64px)}.mac-app-window.is-spotify:not(.is-maximized) .spotify-topbar{height:46px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-body{grid-template-columns:190px 1fr;min-height:340px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-main{gap:18px;padding:20px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-hero-cover{width:94px;height:94px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-hero-meta h2{letter-spacing:-.035em;margin:8px 0;font-size:30px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-kicker{font-size:9px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-row{min-height:44px}.mac-app-window.is-spotify:not(.is-maximized) .app-track-text strong{font-size:12px}.mac-app-window.is-spotify:not(.is-maximized) .spotify-playerbar{grid-template-columns:210px 1fr;min-height:66px}}.demo-menubar .demo-mb-right{color:#fff;-webkit-font-smoothing:antialiased;flex-shrink:0;gap:0;height:100%;font-weight:400}.demo-mb-right .demo-mb-item,.demo-mb-right .demo-mb-sensebar-btn{border-radius:4px;height:22px;padding:0 7px}.demo-mb-right .demo-mb-sensebar-btn{width:26px}.demo-mb-right .demo-mb-icon-slot{width:28px;min-width:28px;padding:0}.demo-native-status-symbol{object-fit:contain;pointer-events:none;flex-shrink:0;display:block}.demo-mb-right .demo-mb-keycap{border:1px solid #fffffff0;border-radius:2px;width:14px;height:12px;font-size:9px;font-weight:500;line-height:10px}.demo-mb-right .demo-mb-battery-btn{gap:5px;width:62px;padding:0 7px}.demo-mb-right .demo-mb-bat-pct{letter-spacing:0;font-size:11.5px;font-weight:400}.demo-mb-right .demo-mb-clock-btn{letter-spacing:.01em;padding:0 9px 0 10px;font-size:11.5px;font-weight:400;line-height:22px}.demo-mb-right .demo-mb-item:hover,.demo-mb-right .demo-mb-item.is-open,.demo-mb-right .demo-mb-sensebar-btn.active{background:#ffffff24}.demo-os .demo-menubar{padding-right:1px}@media (width<=600px){.demo-menubar .demo-mb-right{gap:0}}.demo-mb-right .demo-mb-clock-btn{font-size:12px}.demo-mb-clock-full{white-space:pre}.sf-symbol{-webkit-mask:var(--sf-mask) center / contain no-repeat;-webkit-mask:var(--sf-mask) center / contain no-repeat;mask:var(--sf-mask) center / contain no-repeat;background-color:currentColor;flex-shrink:0;line-height:0;display:inline-block;position:relative}.sb-info-note .sf-symbol{flex-shrink:0}.sb-idle-toggle .sf-symbol.rotated{transform:rotate(90deg)}.demo-os{--mac-accent:#007aff;--mac-label:#000000db;--mac-separator:#00000014}.demo-os.is-dark{--mac-accent:#0a84ff;--mac-label:#ffffffdb;--mac-separator:#ffffff19}.demo-os .sb-switch.on{background:var(--mac-accent)}.demo-os .sb-popover{color:var(--mac-label)}.demo-os .sb-popover .sb-divider{background:var(--mac-separator)}.sf-gallery{color:#1d1d1f;background:#f5f5f7;min-height:100dvh;padding:24px max(24px,50vw - 580px);font-family:-apple-system,BlinkMacSystemFont,sans-serif}.sf-gallery.is-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;background:#1c1c1e}.sf-gallery header{color:#86868b;justify-content:space-between;gap:16px;padding-bottom:36px;font-size:12px;display:flex}.sf-gallery header a{color:#007aff;align-items:center;gap:7px;display:flex}.sf-gallery h1{letter-spacing:-.04em;margin:0;font-size:36px}.sf-gallery>p{color:#86868b;font-size:14px}.sf-gallery-tools{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0 24px;display:flex}.sf-gallery-tools label{align-items:center;gap:8px;display:flex}.sf-gallery-tools input[type=search],.sf-gallery-tools select,.sf-gallery-tools button{color:inherit;font:inherit;background:0 0;border:1px solid #8883;border-radius:7px;padding:8px 11px;font-size:13px}.sf-gallery-tools input[type=search]{width:min(240px,60vw)}.sf-gallery-tools button{align-items:center;gap:7px;display:flex}.sf-gallery-size{font-variant-numeric:tabular-nums;font-size:12px}.sf-gallery-size input{accent-color:#007aff;width:120px}.sf-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.sf-gallery-grid figure{text-align:center;background:#8888880b;border:1px solid #8881;border-radius:12px;margin:0;padding:20px 8px 14px}.sf-gallery-grid figure>div{height:84px;color:inherit;place-items:center;display:grid}.sf-gallery-grid figcaption{overflow-wrap:anywhere;color:#86868b;font-size:10px}.demo-os{--mac-system-font:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--mac-system-font);font-synthesis:none;font-optical-sizing:auto;font-size:13px;line-height:1.3}.demo-os :is(button,input,select,textarea),.demo-os .demo-menubar{font-family:var(--mac-system-font)}.demo-os .demo-cc-popover{font-family:var(--mac-system-font);color:#1d1d1f;gap:10px}.demo-os .demo-cc-grid{gap:10px}.demo-os .demo-cc-card{border-radius:13px}.demo-os .demo-cc-stack{gap:15px;padding:10px 8px}.demo-os .demo-cc-row-btn>div,.demo-os .demo-cc-tile>div{min-width:0}.demo-os .demo-cc-row-btn strong,.demo-os .demo-cc-tile strong{font-size:13px;font-weight:600;line-height:1.25}.demo-os .demo-cc-row-btn>div>span,.demo-os .demo-cc-tile>div>span{opacity:.6;margin-top:2px;font-size:11px;line-height:1.3}.demo-os .demo-cc-circle{opacity:1;place-items:center;width:30px;height:30px;display:grid;overflow:visible}.demo-os .demo-cc-circle .sf-symbol{opacity:1;display:inline-block}.demo-os .demo-cc-tile{padding:10px 8px}.demo-os .demo-cc-mini{gap:5px;min-height:48px;font-size:11px}.demo-os .demo-cc-slider-card{gap:9px;padding:11px 12px}.demo-os .demo-cc-slider-head{gap:8px;font-size:12px}.demo-os .demo-cc-slider-head>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-os .demo-cc-slider-head>strong{flex-shrink:0;font-size:11px}.demo-os .demo-cc-foot button{font-size:11px}.demo-os.is-dark .demo-cc-popover{color:#f5f5f7}.demo-os .demo-cc-slider-row{background:#00000012;border-radius:999px;height:24px;position:relative;overflow:hidden}.demo-os .demo-cc-slider-row button{z-index:1;color:#656568;width:20px;height:20px;position:absolute;left:8px}.demo-os .demo-cc-slider-row input[type=range]{appearance:none;background:linear-gradient(to right, #fff 0 var(--cc-volume), #0000 var(--cc-volume) 100%);border-radius:999px;width:100%;min-width:0;height:24px;margin:0}.demo-os .demo-cc-slider-row input[type=range]::-webkit-slider-runnable-track{background:0 0;height:24px}.demo-os .demo-cc-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:.5px solid #00000015;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #0003}.demo-os .demo-cc-slider-row input[type=range]::-moz-range-track{background:0 0;height:24px}.demo-os .demo-cc-slider-row input[type=range]::-moz-range-thumb{background:#fff;border:.5px solid #00000015;border-radius:50%;width:23px;height:23px;box-shadow:0 1px 4px #0003}.demo-os.is-dark .demo-cc-slider-row{background:#ffffff26}@media (width<=600px){.demo-os .demo-cc-popover{width:min(340px,100vw - 24px);max-height:calc(100dvh - 56px);position:fixed;top:40px;right:12px;overflow-y:auto}}.demo-os .sb-exp-wrap{grid-template-rows:26px 68px 32px;align-content:start;gap:10px;padding:0 22px 12px;display:grid}.demo-os .sb-exp-header{gap:10px;min-width:0;height:26px}.demo-os .sb-exp-source{min-width:0}.demo-os .sb-exp-source>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-os .sb-exp-head-right{flex-shrink:0}.demo-os .sb-exp-body{gap:14px;min-width:0}.demo-os .sb-exp-meta{gap:6px}.demo-os .sb-exp-titles strong{line-height:1.2}.demo-os .sb-exp-titles>span{text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.demo-os .sb-exp-progress{gap:1px}.demo-os .sb-exp-times{line-height:12px}.demo-os .sb-exp-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;display:grid}.demo-os .sb-exp-footer>button:first-child{justify-self:start}.demo-os .sb-exp-footer>button:last-child{justify-self:end}.demo-os .sb-exp-pill-btn{white-space:nowrap;min-width:0;padding:5px 9px;font-size:10.5px}.demo-os .sb-exp-transport{justify-self:center;gap:10px}.demo-os .sb-exp-empty{grid-row:2/4}.demo-os .sb-app-main,.demo-os .sb-app-top,.demo-os .sb-app-name{min-width:0}.demo-os .sb-app-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-os .sb-app-pct{flex-shrink:0}.demo-os .sb-master-row,.demo-os .sb-app-slider-row{align-items:center;min-width:0}.demo-os .sb-master-row .sb-mute-ico,.demo-os .sb-app-slider-row .sb-mute-ico,.demo-os .sb-reset-vol-btn,.demo-os .sb-pct-mono,.demo-os .sb-output-icon{flex-shrink:0}.demo-os input.mac-range{--range-tint:var(--mac-accent,#007aff);--range-rail:#00000020;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1 1 0;width:100%;min-width:0;height:20px;margin:0;padding:0;display:block}.demo-os.is-dark input.mac-range{--range-rail:#ffffff30}.demo-os input.mac-range.is-boost{--range-tint:#ff9500}.demo-os input.mac-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--range-tint) 0 var(--range-progress), var(--range-rail) var(--range-progress) 100%);border-radius:99px;height:4px}.demo-os input.mac-range::-webkit-slider-thumb{appearance:none;background:#fff;border:.5px solid #00000018;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #0003}.demo-os input.mac-range::-moz-range-track{background:linear-gradient(to right, var(--range-tint) 0 var(--range-progress), var(--range-rail) var(--range-progress) 100%);border-radius:99px;height:4px}.demo-os input.mac-range::-moz-range-thumb{background:#fff;border:.5px solid #00000018;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #0003}.demo-os input.mac-range--progress{--range-tint:var(--accent,#d1d5db);--range-rail:#ffffff2e;flex:none;height:14px}.demo-os input.mac-range--progress::-webkit-slider-thumb{box-shadow:none;background:0 0;border:0}.demo-os input.mac-range--progress::-moz-range-thumb{box-shadow:none;background:0 0;border:0}.demo-os input.mac-range--progress:focus-visible::-webkit-slider-thumb{background:var(--range-tint)}.demo-os input.mac-range--progress:focus-visible::-moz-range-thumb{background:var(--range-tint)}.mac-floating-menu{z-index:1000;overscroll-behavior:contain;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);text-shadow:none;font:13px/1.3 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow-y:auto}.mac-floating-menu button{font-family:inherit}.sb-output-popover.is-light{color:#1d1d1f;background:#fffffff5;border-color:#0000001f;box-shadow:0 16px 40px #0003}.sb-output-popover.is-dark,.mac-floating-menu.sb-source-dropdown{color:#f5f5f7}@media (width<=380px){.demo-os .sb-exp-wrap{padding-inline:18px}.demo-os .sb-exp-pill-btn{gap:3px;padding:5px 7px;font-size:10px}.demo-os .sb-exp-transport{gap:5px}}.demo-os .sb-exp-wrap{grid-template-columns:minmax(0,1fr);justify-content:stretch}.wallpaper-picker-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0002;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.wallpaper-picker{color:#1d1d1f;background:#f5f5f7f5;border:1px solid #ffffff70;border-radius:18px;flex-direction:column;width:min(680px,100%);max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 90px #0006}.wallpaper-picker header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.wallpaper-picker h2{letter-spacing:-.025em;margin:0 0 5px;font-size:20px}.wallpaper-picker p{color:#86868b;margin:0;font-size:12px}.wallpaper-picker header button{width:26px;height:26px;color:inherit;background:#0000000a;border:none;border-radius:50%;place-items:center;display:grid}.wallpaper-picker-grid{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px;padding:0 24px 20px;display:grid;overflow-y:auto}.wallpaper-picker-grid>button{color:inherit;text-align:left;background:0 0;border:0;min-width:0;padding:0}.wallpaper-thumbnail{aspect-ratio:16/10;background-color:#ddd;background-position:50%;background-size:cover;border-radius:9px;display:block;position:relative;box-shadow:0 0 0 .5px #0002}.wallpaper-picker-grid>button[aria-pressed=true] .wallpaper-thumbnail{outline-offset:3px;outline:3px solid #007aff}.wallpaper-check{color:#fff;background:#007aff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 1px 5px #0003}.wallpaper-name{margin-top:8px;font-size:11px;display:block}.wallpaper-picker footer{color:#86868b;border-top:1px solid #0000000a;justify-content:space-between;align-items:center;padding:13px 24px;font-size:11px;display:flex}.wallpaper-picker footer button{color:#fff;background:#007aff;border:0;border-radius:6px;padding:6px 20px;font-size:12px}.demo-os.is-dark .wallpaper-picker{color:#f5f5f7;background:#252528f5;border-color:#ffffff20}.demo-os.is-dark .wallpaper-picker header button{background:#ffffff15}@media (width<=600px){.wallpaper-picker-backdrop{padding:16px}.wallpaper-picker{max-height:calc(100dvh - 32px)}.wallpaper-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:18px}.wallpaper-picker header,.wallpaper-picker footer{padding-inline:18px}.demo-os .sb-popover{max-height:calc(100dvh - 230px)}.demo-os .sb-tab-scroll,.demo-os .sb-settings-scroll{max-height:calc(100dvh - 350px)}}@font-face{font-family:SenseBar SF Pro;src:url(/assets/SF-Pro-Display-Regular-2nqpBkwV.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:SenseBar SF Pro;src:url(/assets/SF-Pro-Display-Medium-BBxWjZ4E.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:SenseBar SF Pro;src:url(/assets/SF-Pro-Display-Semibold-C36vqgb7.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:SenseBar SF Pro;src:url(/assets/SF-Pro-Display-Bold-BTSGLTri.otf)format("opentype");font-weight:700;font-display:swap}.home{--h-bg:#f7f8fc;--h-ink:#121521;--h-ink-2:#41475a;--h-muted:#747b8d;--h-line:#2a334b1a;--h-line-strong:#2a334b2b;--h-blue:#1473e6;--h-violet:#7457eb;--h-max:1220px;isolation:isolate;background:var(--h-bg);width:100%;min-height:100vh;color:var(--h-ink);-webkit-font-smoothing:antialiased;font-family:SenseBar SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.55;position:relative;overflow-x:clip}.home-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-ambient:before,.home-ambient:after{content:"";aspect-ratio:1;will-change:transform;border-radius:50%;width:min(62vw,760px);position:absolute}.home-ambient:before{background:radial-gradient(circle,#40a8ff57 0%,#40a8ff24 42%,#0000 72%);animation:15s ease-in-out infinite alternate home-orbit;top:6vh;left:-14vw}.home-ambient:after{background:radial-gradient(circle,#9b66f347 0%,#9b66f31c 44%,#0000 72%);animation:18s ease-in-out infinite alternate home-orbit-alt;top:14vh;right:-12vw}.home-main,.home-footer{z-index:1;position:relative}.home *,.home :before,.home :after{box-sizing:border-box}.home button,.home a{-webkit-tap-highlight-color:transparent}:where(.home) a{color:inherit;text-decoration:none}.home-container{width:min(calc(100% - 48px), var(--h-max));max-width:none;margin-inline:auto;padding:0}.home-nav-wrap{z-index:90;pointer-events:none;padding-top:0;transition:top .32s cubic-bezier(.22,1,.36,1);position:fixed;inset:0 0 auto}.home-nav-wrap:before{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(#f7f8fce0 0%,#f7f8fc00 100%);height:44px;transition:opacity .26s;position:fixed;inset:0 0 auto}.home-nav-wrap.is-compact{top:14px}.home-nav-wrap.is-compact:before{opacity:1}.home-nav-frame{z-index:1;pointer-events:auto;width:min(100% - 32px,1320px);height:76px;box-shadow:none;border-radius:32px;margin:0 auto;transition:width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1),border-radius .36s cubic-bezier(.22,1,.36,1),box-shadow .36s;position:relative}.home-nav-wrap.is-compact .home-nav-frame{border-radius:32px;width:min(100% - 48px,1120px);height:64px;box-shadow:0 18px 50px #212b4829}.home-nav-glass{background:#fafcff00;width:100%;height:100%;transition:background .28s;display:block}.home-nav-wrap.is-compact .home-nav-glass{background:#fafcffb8}.home-nav-glass>:not(:last-child){transition:opacity .28s}.home-nav-wrap:not(.is-compact) .home-nav-glass>:not(:last-child){opacity:0}.home-nav{border-radius:inherit;background:0 0;border:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%;max-width:none;height:100%;margin:0;padding:0 28px;transition:padding .3s;display:grid}.home-brand,.home-nav-actions,.home-nav-links{align-items:center;display:flex}.home-brand{justify-self:start;gap:10px}.home-brand-icon{border-radius:9px;width:30px;height:30px;box-shadow:0 5px 14px #5b5fbe33}.home-brand-name{letter-spacing:-.04em;font-size:18px;font-weight:700}.home-brand-ver{color:var(--h-muted);background:#161e320f;border-radius:999px;padding:3px 7px;font-size:11px}.home-nav-links{justify-content:center;gap:28px}.home-nav-links a{color:var(--h-ink-2);padding:8px 0;font-size:13.5px;font-weight:500;transition:color .18s;position:relative}.home-nav-links a:hover,.home-nav-links a.is-active{color:var(--h-ink)}.home-nav-links a:after{content:"";background:linear-gradient(90deg, var(--h-blue), var(--h-violet));border-radius:2px;height:2px;transition:left .18s,right .18s;position:absolute;bottom:2px;left:50%;right:50%}.home-nav-links a:hover:after,.home-nav-links a.is-active:after{left:0;right:0}.home-nav-actions{justify-self:end;gap:8px}.home-text-toggle,.home-icon-link{width:34px;height:34px;color:var(--h-ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.home-text-toggle:hover,.home-icon-link:hover{background:#141c300f}.home-gh-icon{width:16px;height:16px}.home-btn{letter-spacing:-.012em;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;font-weight:600;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .22s;display:inline-flex}.home-btn:hover{transform:translateY(-2px)}.home-btn-sm{height:36px;padding:0 15px;font-size:12.5px}.home-btn-lg{min-height:52px;padding:0 25px;font-size:15.5px}.home .home-btn-primary{color:#fff;background:#4c5fd5;border-color:#3847b238;box-shadow:0 8px 20px #4c5fd538}.home .home-btn-primary:hover{background:#4053c8;box-shadow:0 12px 26px #4c5fd552}.home-btn-secondary{color:var(--h-ink);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#ffffffad;border-color:#ffffffe0;box-shadow:inset 0 1px #fffffff5,0 8px 24px #2a385a17}.home-hero{isolation:isolate;text-align:center;background:radial-gradient(circle at 9% 12%,#46a6ff24,#0000 34%),radial-gradient(circle at 91% 16%,#9f66ff1f,#0000 32%),linear-gradient(#f9fbff8f 0%,#f5f6fb57 76%,#eef2fa7a 100%);padding:108px 0 88px;position:relative;overflow:hidden}.home-hero-specs{-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:#ffffffa3;border:1px solid #ffffffeb;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:0 auto 24px;padding:8px 20px;list-style:none;display:inline-flex;box-shadow:inset 0 1px #fff,0 10px 28px #29385e0f}.home-spec-item{white-space:nowrap;align-items:baseline;gap:5px;padding:1px 14px;line-height:1.3;display:inline-flex;position:relative}.home-spec-item:first-child{padding-left:0}.home-spec-item:last-child{padding-right:0}.home-spec-item+.home-spec-item:before{content:"";background:#161e321f;width:1px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-spec-key{color:var(--h-ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.home-spec-sub{color:var(--h-muted);font-size:12px;font-weight:400}.home-hero-title{max-width:1060px;color:var(--h-ink);letter-spacing:-.045em;text-wrap:balance;margin:0 auto 22px;font-size:clamp(42px,5.2vw,76px);font-weight:700;line-height:1.04}.home-hero-sub{max-width:680px;color:var(--h-ink-2);text-wrap:balance;margin:0 auto;font-size:clamp(16px,1.35vw,18.5px);line-height:1.55}.home-hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0 42px;display:flex}.home-hero-showcase{max-width:820px;margin:0 auto}.home-showcase-card{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:26px;padding:10px;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s;box-shadow:inset 0 1px #fff,0 28px 68px #26345a24,0 6px 18px #161c2d0f}.home-showcase-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 34px 80px #26345a2e,0 8px 22px #161c2d14}.home-showcase-viewport{background:#266b9c;border:1px solid #1926411a;border-radius:17px;position:relative;overflow:hidden}.home-mac-video{aspect-ratio:1120/390;object-fit:cover;object-position:top center;width:100%;display:block}.home-hero-bar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:2px 4px;display:flex}.home-showcase-card .home-segmented{background:#ecf1fad1;border-color:#2a334b14;box-shadow:inset 0 1px 2px #18223c0a}.home-showcase-card .home-seg-btn{min-height:30px;padding:0 12px;font-size:12px}.home-segmented,.home-tab-bar{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#ffffff9e;border:1px solid #ffffffd6;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #fff,0 10px 28px #27385b14}.home-seg-btn,.home-tab-btn{min-height:34px;color:var(--h-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:600;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.home-seg-btn.is-active,.home-tab-btn.is-active{color:var(--h-ink);background:#fff;box-shadow:0 4px 14px #1f2a461f}.home-showcase-demo-btn{color:#fff;min-height:40px;font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:linear-gradient(#2784f5 0%,#1473e6 100%);border:1px solid #0d59c257;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12.5px;font-weight:600;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 4px 12px #1473e647,0 1px 2px #12192c1f}.home-showcase-demo-btn:hover{background:linear-gradient(#1d79eb 0%,#0f64ce 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 7px 18px #1473e65c,0 2px 4px #12192c24}.home-showcase-demo-btn:active{transform:translateY(0)scale(.985);box-shadow:inset 0 1px 2px #092d6247,0 2px 6px #1473e638}.home-showcase-demo-btn:focus-visible{outline-offset:2px;outline:2px solid #1473e673}.home-band{background:#f7f8fc5c;padding:116px 0}.home-band[id]{scroll-margin-top:96px}.home-band-alt{background:linear-gradient(#ebf0fb8f,#f2f5fb75)}.home-split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:82px;display:grid}.home-split-reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.home-split-copy h2,.home-chapter-head h2,.home-install-left h2{color:var(--h-ink);letter-spacing:-.055em;margin:10px 0 20px;font-size:clamp(37px,4.2vw,61px);font-weight:700;line-height:1.04}.home-kicker{color:var(--h-blue);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700}.home-body{color:var(--h-ink-2);margin:0 0 28px;font-size:17px;line-height:1.62}.home-check-list{gap:13px;margin:27px 0 0;padding:0;list-style:none;display:grid}.home-check-list li{color:var(--h-ink-2);align-items:flex-start;gap:11px;font-size:14.5px;display:flex}.home-check-list svg{color:var(--h-blue);flex:none;margin-top:4px}.home-desktop-crop,.home-popover-frame{border:1px solid #ffffffad;border-radius:32px;min-height:510px;position:relative;overflow:hidden;box-shadow:0 32px 80px #2736582e}.home-desktop-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-desktop-bg-soft{filter:saturate(.9)brightness(.96)}.home-real-menubar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#171717;background:#f7f7f7c2;justify-content:space-between;align-items:center;height:29px;padding:0 13px;font-size:10px;display:flex;position:absolute;inset:0 0 auto}.home-mb-group{align-items:center;gap:10px;display:flex}.home-mb-icon{width:15px;height:15px}.home-notch-demo-stack{z-index:3;flex-direction:column;align-items:center;gap:56px;display:flex;position:absolute;inset:28px 0 auto}.home-capsule-offset{top:55px}.home-docked-notch-top{justify-content:center;display:flex}.home-island-asset{filter:drop-shadow(0 14px 25px #00000052);max-width:min(92%,460px)}.home-island-asset-lg{max-width:min(92%,520px)}.home-expanded-preview{flex-direction:column;align-items:center;gap:10px;display:flex}.home-preview-tag{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#14171f70;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;display:inline-flex}.home-crop-caption{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffe6;text-align:center;background:#1419267a;border:1px solid #ffffff57;border-radius:15px;margin:0;padding:11px 14px;font-size:12.5px;position:absolute;bottom:20px;left:24px;right:24px}.home-popover-wrap{place-items:center;padding:45px;display:grid;position:absolute;inset:0}.home-popover-img{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 34px #00000059);max-width:88%;max-height:430px;position:relative}.home-popover-img.is-wide{max-width:96%}.home-chapter-head{max-width:820px;margin-bottom:48px}.home-bento{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;display:grid}.home-card,.home-settings-list,.home-steps-list li{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:#ffffffab;border:1px solid #ffffffe6;box-shadow:inset 0 1px #fff,0 20px 58px #293a6017}.home-card{border-radius:30px;flex-direction:column;gap:22px;padding:30px;display:flex}.home-card-header h3{letter-spacing:-.035em;margin:0 0 6px;font-size:24px}.home-card-header p{color:var(--h-muted);margin:0;font-size:14px}.home-pet-grid{flex:1;grid-template-columns:minmax(0,1.06fr) minmax(230px,.94fr);gap:18px;display:grid}.home-pet-lab{flex-direction:column;gap:14px;display:flex}.home-pet-screen{border-radius:20px;justify-content:center;height:112px;display:flex;position:relative;overflow:hidden}.home-notch-dock{z-index:2;background:#000;border-radius:0 0 19px 19px;justify-content:space-between;align-items:center;gap:12px;min-width:230px;height:56px;padding:7px 14px;display:flex;position:relative;box-shadow:0 10px 28px #00000047}.home-notch-slot{place-items:center;width:40px;height:40px;display:grid}.home-notch-cam{background:#152038;border-radius:50%;width:9px;height:9px}.home-notch-name{color:#ffffffc7;font-size:11px}.home-pet-controls{border:1px solid var(--h-line);background:#eff3fbb3;border-radius:19px;gap:13px;padding:17px;display:grid}.home-pet-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-pet-row label{color:var(--h-ink-2);font-size:12px;font-weight:600}.home-chip-row,.home-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.home-chip{border:1px solid var(--h-line-strong);min-height:28px;color:var(--h-ink-2);font:inherit;cursor:pointer;background:#ffffffb8;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600}.home-chip.is-active{border-color:var(--h-ink);background:var(--h-ink);color:#fff}.home-swatch{cursor:pointer;border:1px solid #14192326;border-radius:50%;width:22px;height:22px;padding:0}.home-swatch.is-active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--h-blue);transform:scale(1.08)}.home-popover-frame-sm{min-height:360px;box-shadow:none;border-radius:22px}.home-popover-img-tall{max-height:330px}.home-install-band{background:linear-gradient(#f7f8fc66 0%,#eef2fa8a 100%);padding:108px 0 80px}.home-install-section{padding-top:0}.home-install-layout{display:block}.home-install-left{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:start;column-gap:48px;display:grid}.home-install-left>.home-kicker,.home-install-left>h2,.home-install-left>.home-install-video-card{grid-column:1}.home-install-left>.home-kicker{grid-row:1}.home-install-left>h2{grid-row:2}.home-install-left>.home-install-video-card{grid-row:3;margin-bottom:0}.home-install-left>.home-install-side{flex-direction:column;grid-area:1/2/span 3;gap:20px;display:flex}.home-install-perms{flex-direction:column;gap:10px;scroll-margin-top:110px;display:flex}.home-perms-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--h-muted);padding-left:4px;font-size:11.5px;font-weight:700}.home-install-side .home-settings-row{padding:15px 18px}.home-settings-list{border-radius:24px;overflow:hidden}.home-settings-row{align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.home-settings-row+.home-settings-row{border-top:1px solid var(--h-line)}.home-settings-icon{width:34px;height:34px;color:var(--h-blue);background:linear-gradient(145deg,#e7f2ff,#ede9ff);border-radius:10px;flex:none;place-items:center;display:grid}.home-settings-text h3{margin:1px 0 3px;font-size:14.5px}.home-settings-text p{color:var(--h-muted);margin:0;font-size:13px;line-height:1.5}.home-install-video-card{background:#fff;border:1px solid #ffffffe6;border-radius:26px;margin:30px 0 22px;position:relative;overflow:hidden;box-shadow:0 25px 60px #2a3a5e21}.home-install-video{width:100%;display:block}.home-video-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:32px;color:var(--h-ink);font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:13px;right:13px}.home-steps-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.home-steps-list li{border-radius:17px;gap:14px;padding:16px 18px;display:flex}.home-step-num{color:var(--h-blue);font-size:12px;font-weight:700}.home-steps-list strong{margin-bottom:3px;font-size:14px;display:block}.home-steps-list p{color:var(--h-muted);margin:0;font-size:13px}.home-faq-col{position:sticky;top:128px}.home-faq-final{width:min(100%,920px);margin:86px auto 0;position:static}.home-faq-final h3{text-align:center;margin-bottom:20px;font-size:32px}.home-faq-final .home-faq-btn{padding:21px 4px}.home-faq-col h3{letter-spacing:-.035em;margin:0 0 13px;font-size:24px}.home-faq-list{border-top:1px solid var(--h-line)}.home-faq-row{border-bottom:1px solid var(--h-line)}.home-faq-btn{width:100%;color:var(--h-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:18px;padding:19px 0;font-size:15px;font-weight:600;display:flex}.home-faq-chevron{color:var(--h-muted);flex:none;transition:transform .2s}.home-faq-chevron.is-open{transform:rotate(180deg)}.home-faq-answer{color:var(--h-muted);margin:-3px 0 19px;font-size:14px;line-height:1.62;animation:.22s both home-answer-in}.home-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8f;border-top:1px solid #2a334b14;padding:24px 0 28px}.home-footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px 24px;font-size:13px;display:grid}.home-footer-brand{color:var(--h-ink);letter-spacing:-.02em;border-radius:8px;justify-self:start;align-items:center;gap:9px;font-size:14.5px;font-weight:600;transition:opacity .18s;display:inline-flex}.home-footer-brand:hover{opacity:.78}.home-footer-icon{border-radius:6px;width:24px;height:24px;box-shadow:0 3px 8px #2a385e24}.home-footer-links{flex-wrap:wrap;justify-self:center;align-items:center;gap:24px;display:flex}.home-footer-link{color:var(--h-muted);border-radius:6px;align-items:center;gap:7px;padding:4px 2px;font-weight:500;transition:color .18s;display:inline-flex}.home-footer-link:hover{color:var(--h-ink)}.home-footer-gh{opacity:.62;width:14px;height:14px;transition:opacity .18s}.home-footer-link:hover .home-footer-gh{opacity:.92}.home-footer-copy{color:var(--h-muted);text-align:right;justify-self:end;margin:0}.home-footer-brand:focus-visible,.home-footer-link:focus-visible{outline-offset:2px;outline:2px solid #1473e673}.home-band{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.home-band.is-visible{opacity:1;transform:none}@keyframes home-orbit{to{transform:translate(5vw,8vh)scale(1.12)}}@keyframes home-orbit-alt{to{transform:translate(-5vw,10vh)scale(1.14)}}@keyframes home-answer-in{0%{opacity:0;transform:translateY(-5px)}}@media (width<=1120px){.home-nav-links{display:none}.home-nav{grid-template-columns:1fr auto}.home-split,.home-split-reverse,.home-install-layout{grid-template-columns:1fr;gap:48px}.home-install-left{grid-template-rows:auto;grid-template-columns:1fr}.home-install-left>.home-kicker,.home-install-left>h2,.home-install-left>.home-install-video-card,.home-install-left>.home-install-side{grid-area:auto/1}.home-split-reverse .home-split-stage{order:2}.home-bento{grid-template-columns:1fr}.home-faq-col{position:static}}@media (width<=760px){.home-container{width:min(calc(100% - 32px), var(--h-max))}.home-nav-wrap.is-compact{top:12px}.home-nav-frame{border-radius:27px;width:calc(100% - 16px);height:64px}.home-nav-wrap.is-compact .home-nav-frame{border-radius:27px;width:calc(100% - 24px);height:54px}.home-nav{gap:8px;padding:0 14px}.home-brand-icon{width:27px;height:27px}.home-brand-name{font-size:16px}.home-brand-ver,.home-icon-link,.home-nav .home-btn-secondary{display:none}.home-text-toggle{width:28px}.home-nav .home-btn-primary{height:32px;padding-inline:12px}.home-hero{padding:94px 0 68px}.home-hero-specs{text-align:left;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;margin-bottom:18px;padding:10px 14px;display:grid}.home-spec-item,.home-spec-item:first-child,.home-spec-item:last-child{white-space:normal;flex-direction:column;align-items:flex-start;gap:1px;padding:0}.home-spec-item+.home-spec-item:before{display:none}.home-hero-title{letter-spacing:-.04em;font-size:clamp(32px,8.5vw,44px);line-height:1.06}.home-hero-sub{font-size:15.5px}.home-hero-ctas{margin-bottom:36px}.home-hero-ctas .home-btn{width:100%}.home-showcase-card{border-radius:20px;padding:8px}.home-showcase-viewport{border-radius:13px}.home-hero-bar{flex-direction:column;gap:7px;margin:0 0 8px;padding:0}.home-segmented{width:100%}.home-seg-btn{flex:1;justify-content:center;padding-inline:8px}.home-showcase-demo-btn{justify-content:center;width:100%;min-height:38px}.home-band{padding:78px 0}.home-split-copy h2,.home-chapter-head h2,.home-install-left h2{font-size:clamp(34px,10vw,48px)}.home-tab-bar{justify-content:flex-start;max-width:100%;overflow-x:auto}.home-tab-btn{flex:none}.home-desktop-crop,.home-popover-frame{border-radius:23px;min-height:390px}.home-notch-demo-stack{gap:35px}.home-bento{display:block}.home-card+.home-card{margin-top:18px}.home-card{border-radius:24px;padding:20px}.home-pet-grid{grid-template-columns:1fr}.home-pet-row{flex-direction:column;align-items:flex-start}.home-popover-frame-sm{min-height:330px}.home-settings-row{padding:18px}.home-footer{padding:20px 0 24px}.home-footer-inner{grid-template-columns:1fr;justify-items:start;gap:14px}.home-footer-links{justify-self:start;gap:18px}.home-footer-copy{text-align:left;justify-self:start}}@media (prefers-reduced-motion:reduce){.home *,.home :before,.home :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.home-band{opacity:1;transform:none}}
