:root{--ink: #111113;--mute: #6b6b73;--line: #e7e7ea;--soft: #f3f3f5;--ease: cubic-bezier(.23, 1, .32, 1);--bar: 68px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#fff;color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{display:flex;flex-direction:column;height:100dvh}.bar{height:var(--bar);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;opacity:0;animation:blurin .7s var(--ease) .05s forwards}.switch{position:relative;display:inline-flex;padding:4px;gap:2px;border-radius:12px;background:var(--soft)}.switch button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px 0 13px;border:0;border-radius:9px;background:none;font:600 14px/1 inherit;color:var(--mute);cursor:pointer;transition:color .25s ease;-webkit-tap-highlight-color:transparent}.switch button[aria-selected=true]{color:var(--ink)}.switch button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.pill{position:absolute;z-index:0;top:4px;left:4px;height:34px;width:0;border-radius:9px;background:#fff;box-shadow:0 1px 2px #11111314,0 3px 10px -2px #1111131a;transition:transform .45s var(--ease),width .45s var(--ease)}.dot{width:9px;height:9px;border-radius:3px}.dot.b{background:#e33e3e}.dot.h{background:#e8452b;border-radius:50%}.what{margin:0;font-size:13px;color:var(--mute);transition:opacity .2s ease;display:inline-flex;align-items:center;gap:8px}.stage{position:relative;flex:1;min-height:0}.pane{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;filter:blur(8px);transform:translateY(10px);pointer-events:none;visibility:hidden;transition:opacity .22s ease,filter .22s ease,transform .22s ease,visibility 0s linear .22s}.pane.on{visibility:visible;pointer-events:auto;transition:none}.pane.in{animation:blurin .75s var(--ease) both}.pane.show{opacity:1;filter:none;transform:none}@keyframes blurin{0%{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}iframe{display:block;border:0;background:#0d0c0f}.fit{width:calc(424px * var(--s, 1));height:calc(914px * var(--s, 1))}.phone{position:relative;width:424px;height:914px;transform:scale(var(--s, 1));transform-origin:0 0}.bezel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:66px;padding:12px;background:linear-gradient(145deg,#4a4a4f,#1c1c1e 40%,#38383c);box-shadow:inset 0 0 0 1.5px #5b5b61,inset 0 0 0 3px #111,0 40px 80px -24px #11111359,0 18px 36px -18px #1111134d}.screen{position:relative;width:400px;height:890px;border-radius:54px;overflow:hidden;background:#000;box-shadow:0 0 0 2px #050505}.frame,.frame iframe{width:400px;height:890px}.island{position:absolute;z-index:5;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000;pointer-events:none}.sb{position:absolute;z-index:4;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:center;padding:6px 34px 0 46px;pointer-events:none;color:#fff}.time{font:600 16.5px/1 -apple-system,SF Pro Text,Inter,sans-serif;letter-spacing:-.2px}.icons{display:inline-flex;align-items:center;gap:6px}.btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#2b2b2e,#4a4a4f)}.btn.action{left:-3px;top:150px;height:30px}.btn.volu{left:-3px;top:212px;height:58px}.btn.vold{left:-3px;top:286px;height:58px}.btn.power{right:-3px;top:240px;height:92px;background:linear-gradient(270deg,#2b2b2e,#4a4a4f)}.card{width:min(1500px,calc(100% - 48px));height:calc(100% - 24px);border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#0d0c0f;box-shadow:0 30px 70px -30px #11111347,0 8px 24px -12px #1111131f}.card iframe{width:100%;height:100%}@media (max-width: 500px){:root{--bar: 0px}.bar,#p-helius{display:none}.fit{width:100%;height:100%}.phone{transform:none}.phone,.bezel,.screen,.frame{position:static;width:100%;height:100%;padding:0;border-radius:0;background:none;box-shadow:none}.btn,.island,.sb{display:none}.frame iframe{width:100%;height:100%}.pane{place-items:stretch}.card{width:100%;height:100%;border-radius:0;border:0;box-shadow:none}}@media (prefers-reduced-motion: reduce){.pane,.pane.in,.bar{animation:none;opacity:1;filter:none;transform:none}.pane{opacity:0}.pane.show{opacity:1}.pill{transition:none}}