.sim{--bg:#08080d;--card-surface:#1416208c;--border:#ffffff14;--border-subtle:#ffffff0a;--text-primary:#edeef2;--text-secondary:#9ca3af;--text-tertiary:#71717a;--text-muted:#52525b;--icon-default:#3f3f46;--connected:#34d399;--disconnected:#64748b;--connecting:#fbbf24;--premium:#a78bfa;--cyan:#22d3ee;--lavender:#a78bfa;--mint:#6ee7b7;--brand-grad:linear-gradient(135deg,#6ee7b7 0%,#22d3ee 50%,#a78bfa 100%);--brand-grad-90:linear-gradient(90deg,#6ee7b7 0%,#22d3ee 50%,#a78bfa 100%);--exposed-grad:linear-gradient(90deg,#ff6b6b 0%,#c11 100%);--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:24px;--r-2xl:28px;--logo-scale:.87;--ps-sans:var(--font-dm-sans),-apple-system,sans-serif;--ps-mono:var(--font-jetbrains),ui-monospace,monospace}.sim *,.sim :before,.sim :after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}.sim{font-family:var(--ps-sans);color:var(--text-primary);position:absolute;inset:0;overflow:hidden}.sim .aurora{pointer-events:none;z-index:0;position:absolute;inset:0}.sim .aurora i{border-radius:50%;display:block;position:absolute}.sim .aurora .b1{width:520px;height:520px;left:calc(var(--screen-w) - 220px);top:calc(var(--screen-h)/2 - 580px);filter:blur(60px);background:radial-gradient(circle closest-side,#a78bfa38,#0000 92%)}.sim .aurora .b2{width:480px;height:480px;left:-280px;top:calc(var(--screen-h) - 180px);filter:blur(64px);background:radial-gradient(circle closest-side,#22d3ee2e,#0000 92%)}.sim .aurora .b3{width:360px;height:360px;left:calc(var(--screen-w) - 140px);top:calc(var(--screen-h)*.75 - 180px);filter:blur(56px);background:radial-gradient(circle closest-side,#6ee7b71a,#0000 92%)}.sim .plainbg{background:var(--bg);z-index:0;position:absolute;inset:0}.sim .layer{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.sim .t-title2{font-size:24px;font-weight:500}.sim .t-body{font-size:15px;font-weight:500}.sim .t-cap{font-size:11px;font-weight:400}.sim .bold{font-family:var(--ps-sans);font-weight:700}.sim .mono{font-family:var(--ps-mono);font-size:13px}.sim .mono-sm{font-family:var(--ps-mono);font-size:12px}.sim .mono-label{font-family:var(--ps-mono);font-size:11px}.sim .mono-cap{font-family:var(--ps-mono);font-size:9px}.sim .timer{font-family:var(--ps-mono);font-size:30px}.sim .up{text-transform:uppercase}.sim .tk1{letter-spacing:1px}.sim .tk15{letter-spacing:1.5px}.sim .tk2{letter-spacing:2px}.sim .tk25{letter-spacing:2.5px}.sim .tk3{letter-spacing:3px}.sim .c-pri{color:var(--text-primary)}.sim .c-sec{color:var(--text-secondary)}.sim .c-ter{color:var(--text-tertiary)}.sim .c-mut{color:var(--text-muted)}.sim .c-cy{color:var(--cyan)}.sim .c-ok{color:var(--connected)}.sim .grad-text{background:var(--brand-grad-90);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sim .grad-text-exposed{background:var(--exposed-grad);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sim .card{background:linear-gradient(#ffffff0b,#ffffff0b),var(--card-surface);-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--border);border-radius:var(--r-2xl)}.sim .card-selected{-webkit-backdrop-filter:blur(22px)saturate(1.5);border-radius:var(--r-2xl);background:linear-gradient(135deg,#a78bfa2e,#22d3ee1f),linear-gradient(#ffffff0b,#ffffff0b);border:1px solid #a78bfa59}.sim .glass{-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#ffffff0f}.sim .pill-grad{background:var(--brand-grad);color:#fff;border-radius:100px;padding:6px 12px}.sim .icon-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.sim .logo{background:currentColor;-webkit-mask:url(/c99/app-logo-mark.png) 50%/contain no-repeat;mask:url(/c99/app-logo-mark.png) 50%/contain no-repeat}.sim .h33{height:calc(33px*var(--logo-scale));width:calc(35px*var(--logo-scale))}.sim .ring-conic{border-radius:50%;position:absolute;inset:0}.sim .orb-wrap{place-items:center;display:grid;position:relative}.sim .orb-halo{filter:blur(30px);border-radius:50%;width:320px;height:320px;position:absolute}.sim .orb{border-radius:50%;place-items:center;display:grid;position:relative}.sim .orb .disc{-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--border);background:radial-gradient(circle at 30% 30%,#ffffff14,#00000040 70%),#0e0f16b8;border-radius:50%;position:absolute;inset:7px}.sim .orb .glyph{z-index:2;place-items:center;display:grid;position:relative}.sim .orb-arc{border-radius:50%;position:absolute;inset:-9px}.sim .hr{background:var(--border-subtle);height:1px}.sim .vr{background:var(--border-subtle);width:1px}.sim .row{align-items:center;display:flex}.sim .col{flex-direction:column;display:flex}.sim .grow{flex:1}.sim .center{justify-content:center;align-items:center;display:flex}.sim .scroll{flex:1;overflow:hidden}.sim .tile{border-radius:var(--r-sm);flex:none;place-items:center;display:grid}.sim .spinner{border:2px solid #ffffff24;border-top-color:currentColor;border-radius:50%}.sim svg.i{flex:none;display:block}.sim .orb-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.4,.5,1)}.sim .orb-btn.pressed{transform:scale(.95)}.sim .orb-btn.busy{cursor:default}@keyframes psim-orbSpin{0%{transform:rotate(220deg)}to{transform:rotate(580deg)}}.sim .ring-spin{animation:40s linear infinite psim-orbSpin}@keyframes psim-arcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sim .arc-spin{animation:1.4s linear infinite psim-arcSpin}@keyframes psim-spin{to{transform:rotate(360deg)}}.sim .spin{animation:.9s linear infinite psim-spin}.sim .cover{z-index:20;transition:transform var(--cover-ms,.28s)cubic-bezier(.32,.72,0,1);border-radius:var(--screen-radius);position:absolute;inset:0;overflow:hidden;transform:translateY(100%)}.sim .cover.shown{transform:translateY(0)}.sim .home-stage{z-index:1;transform-origin:50% 0;transition:transform .46s cubic-bezier(.32,.72,0,1),filter .46s;position:absolute;inset:0}.sim .home-stage.pushed{filter:brightness(.62);transform:scale(.918)translateY(14px)}.sim .sheet{z-index:10;background:var(--bg);border-radius:14px 14px 0 0;transition:transform .46s cubic-bezier(.32,.72,0,1);position:absolute;inset:54px 0 0;overflow:hidden;transform:translateY(100%);box-shadow:0 -18px 50px #0000008c}.sim .sheet.shown{transform:translateY(0)}.sim .sheet .grabber{z-index:5;background:#ebebf54d;border-radius:3px;width:36px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sim .sheet-scroll{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.sim .sheet-body{scrollbar-width:none;flex:1;overflow-y:auto}.sim .sheet-body::-webkit-scrollbar{display:none}.sim .scroll{scrollbar-width:none;overflow-y:auto}.sim .scroll::-webkit-scrollbar{display:none}.sim .navbar{flex:none;justify-content:center;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.sim .navbar .title{font-size:17px;font-weight:700;font-family:var(--ps-sans)}.sim .navbar .trail{position:absolute;right:16px}.sim .navbar-large{padding:0 16px 8px}.sim .navbar-large .title{letter-spacing:-.6px;font-size:34px;font-weight:700}.sim .searchbar{height:36px;color:var(--text-muted);background:#ffffff14;border-radius:10px;align-items:center;gap:6px;margin:0 16px 8px;padding:0 8px;font-size:15px;display:flex}.sim .t-sub{font-size:13px;font-weight:400}.sim .tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.sim .srv-row,.sim .mode-row{cursor:pointer;transition:background .16s}.sim .srv-row:hover,.sim .mode-row:hover{background:#ffffff09}.sim .srv-row.picking,.sim .mode-row.picking{background:#ffffff17}.sim .proto{cursor:pointer;transition:all .18s}.sim .busy-ui{cursor:default}.sim .fade{transition:opacity .3s,color .3s}@keyframes psim-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sim .pop{animation:.34s cubic-bezier(.34,1.56,.64,1) psim-pop}.sim[data-paused=true] .ring-spin,.sim[data-paused=true] .arc-spin,.sim[data-paused=true] .spin{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sim .ring-spin,.sim .arc-spin,.sim .spin{animation:none!important}.sim .cover{transition:none!important}.sim .pop{animation:none!important}.sim .orb-btn{transition:none!important}}
.psim{--screen-w:440px;--screen-h:956px;--screen-radius:56px;--safe-top:62px;--safe-bottom:34px;--rail:2.5px;--bezel:6px;--band-deep:#6b4a45;--band-mid:#9c7a73;--band-light:#b6928a;--band-spec:#cdaba0}.psim-frame-outer{width:465px;height:973px;transform:translate(-50%,-50%)scale(var(--ps-k,1));transform-origin:50%;position:absolute;top:50%;left:50%}.psim .device-outer{padding:0 4px;display:inline-block}.psim .device{width:calc(var(--screen-w) + (var(--rail) + var(--bezel))*2);padding:calc(var(--rail) + var(--bezel));border-radius:calc(var(--screen-radius) + var(--rail) + var(--bezel));background:linear-gradient(180deg,#ffffff1a,#fff0 26%,#0000001a 74%,#00000038),linear-gradient(90deg,var(--band-deep)0%,var(--band-spec)6%,var(--band-mid)22%,var(--band-light)50%,var(--band-mid)78%,var(--band-spec)94%,var(--band-deep)100%);position:relative;box-shadow:0 0 0 .5px #0000008c,0 50px 96px -34px #000000f2,0 10px 30px -12px #000000b8}.psim .device:before{content:"";inset:var(--rail);border-radius:calc(var(--screen-radius) + var(--bezel));z-index:0;background:#04050a;position:absolute;box-shadow:inset 0 0 0 .5px #000000e6}.psim .device .frame{box-shadow:none;z-index:1}.psim .device .dynamic-island{z-index:7}.psim .device .btn{z-index:2;width:3px;position:absolute;box-shadow:0 0 0 .5px #00000080}.psim .device .btn.l{background:linear-gradient(90deg,var(--band-deep),var(--band-mid)55%,var(--band-light));border-radius:2px 1px 1px 2px;left:-2px}.psim .device .btn.r{background:linear-gradient(270deg,var(--band-deep),var(--band-mid)55%,var(--band-light));border-radius:1px 2px 2px 1px;right:-2px}.psim .device .btn-action{height:32px;top:136px}.psim .device .btn-volup{height:64px;top:196px}.psim .device .btn-voldn{height:64px;top:274px}.psim .device .btn-power{height:102px;top:226px}.psim .device .btn-camera{height:36px;top:360px}.psim .dynamic-island{z-index:6;pointer-events:none;background:#000;border-radius:100px;width:125px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.psim .dynamic-island:after{content:"";background:radial-gradient(circle at 35% 35%,#1d2733,#05070a 70%);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;right:11px}.psim .frame{width:var(--screen-w);height:var(--screen-h);background:var(--bg);border-radius:var(--screen-radius);isolation:isolate;font-size:15px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px -20px #000000e6}.psim .statusbar{z-index:3;height:var(--safe-top);color:var(--text-primary);flex:none;justify-content:space-between;align-items:flex-end;padding:0 30px 10px;display:flex;position:relative}.psim .statusbar .time{letter-spacing:.2px;font-size:16px;font-weight:700;font-family:-apple-system,var(--ps-sans)}.psim .statusbar .right{align-items:center;gap:6px;display:flex}.psim .homebar{background:var(--text-primary);opacity:.95;z-index:4;border-radius:3px;width:139px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}
.msim{--screen-w:1100px;--screen-h:714px;--screen-radius:8px;--lid-bezel:9px;--lid-chin:22px;--mac-deep:#1b1c1f;--mac-mid:#2c2e33;--mac-light:#3a3d43;--mac-spec:#4a4e55}.msim-frame-outer{width:1210px;height:759px;transform:translate(-50%,-50%)scale(var(--ms-k,1));transform-origin:50%;position:absolute;top:50%;left:50%}.msim .mac-lid{width:calc(var(--screen-w) + var(--lid-bezel)*2);padding:var(--lid-bezel)var(--lid-bezel)var(--lid-chin);background:linear-gradient(180deg,#ffffff0f,#fff0 30%,#00000024 82%,#00000047),linear-gradient(90deg,var(--mac-deep)0%,var(--mac-spec)4%,var(--mac-mid)16%,var(--mac-light)50%,var(--mac-mid)84%,var(--mac-spec)96%,var(--mac-deep)100%);border-radius:18px 18px 4px 4px;margin:0 auto;position:relative;box-shadow:0 0 0 .5px #0009,0 60px 110px -40px #000000f2,0 12px 34px -14px #000000b3}.msim .mac-lid:after{content:"MacBook Pro";font-family:var(--ps-sans);letter-spacing:.3px;color:#ffffff38;font-size:8px;font-weight:500;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.msim .mac-notch{z-index:8;pointer-events:none;background:#0a0b0e;border-radius:0 0 8px 8px;width:156px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.msim .mac-notch:after{content:"";background:radial-gradient(circle at 35% 35%,#232d3a,#05070a 70%);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:8px;left:50%}.msim .mac-base{background:linear-gradient(180deg,var(--mac-light)0%,var(--mac-mid)42%,var(--mac-deep)100%);border-radius:0 0 10px 10px;width:1210px;height:14px;margin:0 auto;position:relative;box-shadow:0 18px 34px -14px #000000e6,inset 0 1px #ffffff1a}.msim .mac-base:after{content:"";background:linear-gradient(#0d0e11,#17181c);border-radius:0 0 7px 7px;width:132px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.msim .mac-screen{width:var(--screen-w);height:var(--screen-h);border-radius:var(--screen-radius);isolation:isolate;background:#05060a;font-size:15px;position:relative;overflow:hidden}.msim .mac-desktop{z-index:0;background:radial-gradient(120% 90% at 50% 0,#14161f 0%,#08080d 60%,#05060a 100%);position:absolute;inset:0}.msim .mac-menubar{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(1.4);color:#ffffffd1;height:26px;font-family:-apple-system,var(--ps-sans);background:#0a0b0f8c;align-items:center;gap:18px;padding:0 14px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.msim .mac-menubar .mb-app{font-weight:700}.msim .mac-menubar .mb-item{color:#ffffffb8}.msim .mac-menubar .mb-right{align-items:center;gap:12px;margin-left:auto;display:flex}.msim .mac-menubar .mb-clock{letter-spacing:.1px;font-size:12px}.msim .mac-window{z-index:2;background:var(--bg);border:1px solid #ffffff1a;border-radius:11px;width:760px;height:500px;position:absolute;top:88px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 40px 90px -24px #000000d9,0 8px 24px -10px #0009}.msim .mac-titlebar{z-index:6;border-bottom:1px solid var(--border-subtle);background:#ffffff09;flex:none;align-items:center;gap:8px;height:30px;padding:0 12px;display:flex;position:relative}.msim .mac-lights{align-items:center;gap:8px;display:flex}.msim .mac-light{border-radius:50%;width:12px;height:12px}.msim .mac-light.r{background:#ff5f57}.msim .mac-light.y{background:#febc2e}.msim .mac-light.g{background:#28c840}.msim .mac-title{font-family:-apple-system,var(--ps-sans);color:var(--text-secondary);font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.msim .mac-body{isolation:isolate;position:absolute;inset:30px 0 0;overflow:hidden}.msim .cover{border-radius:0}.msim .sheet{border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:12px;transition:transform .34s cubic-bezier(.32,.72,0,1),opacity .24s;inset:16px 64px;transform:translateY(14px)scale(.96);box-shadow:0 30px 70px -18px #000c}.msim .sheet.shown{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.msim .sheet .grabber{display:none}.msim .navbar-large .title{letter-spacing:-.3px;font-size:24px}.msim .home-stage.pushed{filter:brightness(.5);transform:scale(.985)}
