:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.phone-frame-container{aspect-ratio:1080/2412;height:100%;max-height:92vh;filter:drop-shadow(0 25px 50px -12px #00000080);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.phone-frame-container.for-export,.phone-outer-bezel.for-export,.phone-inner-bezel.for-export,.dynamic-island.for-export,.di-content.for-export,.notification-banner.for-export{transition:none!important;animation:none!important}.di-content.for-export{opacity:1}.device-iphone-15-pro{aspect-ratio:1179/2556}.device-iphone-14{aspect-ratio:1170/2532}.device-s24-ultra{aspect-ratio:1440/3120}.device-galaxy-z-flip-5{aspect-ratio:1080/2640}.device-phone-1{aspect-ratio:1080/2400}.device-phone-2a{aspect-ratio:1080/2412}.phone-outer-bezel{background:#2a2a2a;border-radius:56px;width:100%;height:100%;padding:3px;transition:all .3s;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 4px #fff3,inset 0 4px 6px #ffffff26}.color-dark-grey .phone-outer-bezel{background:linear-gradient(135deg,#555 0%,#1a1a1a 20% 80%,#444 100%);box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 4px #ffffff1a,inset 2px 2px 8px #ffffff0d}.color-white .phone-outer-bezel{background:linear-gradient(135deg,#fff 0%,#e0e0e0 20%,#d4d4d4 80%,#fff 100%);box-shadow:inset 0 0 0 1px #fff,inset 0 0 8px #00000026,inset 2px 2px 8px #ffffff80}.color-milk .phone-outer-bezel{background:linear-gradient(135deg,#fff 0%,#e5e3de 20%,#d5d3ce 80%,#fff 100%);box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 8px #0000001f,inset 2px 2px 8px #fff6}.color-custom .phone-outer-bezel{background:linear-gradient(135deg, #fff 0%, var(--custom-phone-color) 20%, var(--custom-phone-color) 80%, #fff 100%);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 8px #0003,inset 2px 2px 8px #ffffff4d}.color-titanium-natural .phone-outer-bezel{background:linear-gradient(135deg,#e4e2de 0%,#b5b4b0 20% 80%,#d5d3ce 100%);box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 8px #0003,inset 2px 2px 8px #ffffff4d}.color-titanium-blue .phone-outer-bezel{background:linear-gradient(135deg,#6c7185 0%,#3b4053 20% 80%,#5b6073 100%);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 8px #0000004d,inset 2px 2px 8px #fff3}.color-titanium-black .phone-outer-bezel{background:linear-gradient(135deg,#4f5052 0%,#1f2022 20% 80%,#3f4042 100%);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 8px #0006,inset 2px 2px 8px #ffffff1a}.color-apple-pink .phone-outer-bezel{background:linear-gradient(135deg,#ffeff1 0%,#ffd1d8 20% 80%,#ffdfe5 100%);box-shadow:inset 0 0 0 1px #fffc,inset 0 0 8px #0000001a,inset 2px 2px 8px #fff6}.color-apple-green .phone-outer-bezel{background:linear-gradient(135deg,#eef7f3 0%,#c6e4d6 20% 80%,#dcefe6 100%);box-shadow:inset 0 0 0 1px #fffc,inset 0 0 8px #0000001a,inset 2px 2px 8px #fff6}.color-apple-yellow .phone-outer-bezel{background:linear-gradient(135deg,#fff9e6 0%,#fde9a0 20% 80%,#fff1c8 100%);box-shadow:inset 0 0 0 1px #fffc,inset 0 0 8px #0000001a,inset 2px 2px 8px #fff6}.color-apple-red .phone-outer-bezel{background:linear-gradient(135deg,#ef5c6d 0%,#c81c31 20% 80%,#da3c4f 100%);box-shadow:inset 0 0 0 1px #fff6,inset 0 0 8px #0000004d,inset 2px 2px 8px #fff3}.button-silent,.button-volume-up,.button-volume-down,.button-power{background:inherit;filter:brightness(.9);z-index:5;border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1a,-2px 0 4px #0000004d}.button-silent{width:3px;height:32px;top:12%;left:-3px}.button-volume-up{width:3px;height:60px;top:18%;left:-3px}.button-volume-down{width:3px;height:60px;top:26%;left:-3px}.button-power{width:3px;height:75px;top:22%;right:-3px;box-shadow:inset 0 0 0 1px #ffffff1a,2px 0 4px #0000004d}.device-s24-ultra .button-silent,.device-galaxy-z-flip-5 .button-silent{display:none}.device-s24-ultra .button-volume-up,.device-galaxy-z-flip-5 .button-volume-up{top:18%;left:auto;right:-3px;box-shadow:inset 0 0 0 1px #ffffff1a,2px 0 4px #0000004d}.device-s24-ultra .button-volume-down,.device-galaxy-z-flip-5 .button-volume-down{top:26%;left:auto;right:-3px;box-shadow:inset 0 0 0 1px #ffffff1a,2px 0 4px #0000004d}.device-s24-ultra .button-power,.device-galaxy-z-flip-5 .button-power{top:35%;right:-3px}.device-phone-2a .button-silent,.device-phone-1 .button-silent{display:none}.phone-inner-bezel{background:#000;border-radius:54px;width:100%;height:100%;padding:10px;transition:border-radius .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 20px #000}.device-phone-2a .phone-inner-bezel,.device-phone-1 .phone-inner-bezel{padding:12px}.device-s24-ultra .phone-outer-bezel{border-radius:12px}.device-s24-ultra .phone-inner-bezel{border-radius:10px;padding:6px}.device-s24-ultra .phone-screen{border-radius:4px!important}.device-s24-ultra .phone-inner-bezel:after{border-radius:10px!important}.device-s24-ultra .hole-punch{width:10px!important;height:10px!important;top:8px!important}.device-iphone-15-pro .phone-inner-bezel,.device-iphone-14 .phone-inner-bezel{padding:10px}.phone-screen{background-color:#121212;border-radius:44px;flex-direction:column;width:100%;height:100%;transition:border-radius .3s;display:flex;position:relative;overflow:hidden}.status-bar{color:#fff;letter-spacing:.5px;z-index:15;background-color:#121212;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:44px;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;display:flex;overflow:hidden}.device-iphone-15-pro .status-bar{height:6.34%}.device-iphone-14 .status-bar{height:5.57%}.device-s24-ultra .status-bar{height:2.88%}.device-galaxy-z-flip-5 .status-bar{height:2.73%}.device-phone-2a .status-bar{height:4.6%}.device-phone-1 .status-bar{height:4.63%}.status-bar.os-ios{letter-spacing:-.2px;padding-left:8.5%;padding-right:7%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600}.status-bar.os-ios .status-icons{gap:7px}.status-bar.os-android{letter-spacing:.4px;padding-left:4.5%;padding-right:4%;font-family:Roboto,Segoe UI,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500}.status-bar.os-android .status-icons{gap:5px}.device-phone-1 .status-bar.os-android{padding-left:62px;padding-right:calc(5.5% + 4px)}.device-phone-2a .status-bar.os-android{padding-left:calc(6% + 4px);padding-right:calc(5.5% + 4px)}.sb-left{align-items:center;gap:6px;min-width:0;display:flex}.status-bar .time{white-space:nowrap;line-height:1}.status-bar.os-ios .time{transform:translateY(.5px)}.sb-notif{align-items:center;display:flex}.sb-notif-icon{object-fit:cover;border-radius:3px;width:14px;height:14px;display:block}.status-bar .sb-icon{flex-shrink:0;display:block}.status-icons{flex-shrink:0;align-items:center;gap:6px;display:flex}.screenshot-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.hole-punch{z-index:20;background-color:#000;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 4px #ffffff26,0 0 0 1px #ffffff0d}.device-phone-1 .hole-punch{top:1.4%;left:24px;transform:none}.device-phone-2a .hole-punch{top:1.4%}.notch{z-index:20;background-color:#000;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dynamic-island{z-index:20;background-color:#000;border-radius:16px;width:112px;height:33px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 -2px 6px #fff3,inset 0 2px 4px #ffffff1a,0 0 0 1px #ffffff14}.dynamic-island.expanded{border-radius:28px;width:92%;height:auto;min-height:84px;top:10px}.di-content{color:#fff;opacity:0;flex-direction:row;align-items:center;gap:14px;width:100%;height:100%;padding:16px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:.3s .2s forwards fadeIn;display:flex}@keyframes fadeIn{to{opacity:1}}.di-left{flex-shrink:0;align-items:center;display:flex}.di-icon{object-fit:cover;border-radius:12px;width:42px;height:42px}.di-text{text-align:left;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.di-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:600;overflow:hidden}.di-body{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.notification-banner{z-index:100;width:90%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:.4s cubic-bezier(.2,.8,.2,1) slideDown;position:absolute;top:6.5%;left:50%;transform:translate(-50%);box-shadow:0 15px 30px #0006}.device-iphone-14 .notification-banner{top:6.52%}.device-s24-ultra .notification-banner{top:3.85%}.device-galaxy-z-flip-5 .notification-banner{top:3.64%}.device-phone-1 .notification-banner{top:5.63%}.device-phone-2a .notification-banner{top:5.6%}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}}.ios-banner{-webkit-backdrop-filter:blur(45px)saturate(200%);color:#fff;background:#232323b3;border:1px solid #ffffff1f;border-radius:28px;flex-direction:row;align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:flex;box-shadow:0 12px 40px #00000059}.ios-notif-icon-wrapper{flex-shrink:0;align-items:center;display:flex}.ios-notif-icon{object-fit:cover;border-radius:10px;width:42px;height:42px}.ios-notif-content{text-align:left;flex-direction:column;flex-grow:1;justify-content:center;min-width:0;display:flex}.ios-text-container{flex-direction:column;justify-content:center;display:flex}.ios-notif-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin-bottom:1px;font-size:15px;font-weight:600;overflow:hidden}.ios-notif-body{opacity:.85;-webkit-line-clamp:2;letter-spacing:-.1px;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.android-banner{color:#fff;background:#1e1e1e;border:1px solid #ffffff0d;border-radius:28px;flex-direction:column;padding:16px;display:flex}.android-notif-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.android-app-info{align-items:center;gap:6px;min-width:0;display:flex}.android-small-icon-wrapper{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.android-small-icon{object-fit:cover;border-radius:4px;width:100%;height:100%}.android-notif-app{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.android-dot{opacity:.5;font-size:12px}.android-notif-time{opacity:.7;font-size:12px;font-weight:400}.android-notif-body-row{align-items:flex-start;gap:12px;display:flex}.android-notif-text{text-align:left;flex-direction:column;flex-grow:1;min-width:0;display:flex}.android-notif-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:500;overflow:hidden}.android-notif-body{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.bottom-nav-area{z-index:15;background-color:#121212;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:24px;min-height:0;display:flex;position:relative}.device-iphone-15-pro .bottom-nav-area,.device-iphone-14 .bottom-nav-area{align-items:flex-end}.device-iphone-15-pro .bottom-nav-area{padding-bottom:.94%}.device-iphone-14 .bottom-nav-area{padding-bottom:.95%}.device-iphone-15-pro .bottom-nav-area{height:3.99%}.device-iphone-14 .bottom-nav-area{height:4.03%}.device-s24-ultra .bottom-nav-area{height:5.77%}.device-galaxy-z-flip-5 .bottom-nav-area{height:5.45%}.device-phone-1 .bottom-nav-area{height:6%}.device-phone-2a .bottom-nav-area{height:5.97%}.bottom-nav-pill{pointer-events:none;background-color:#ffffffd9}.nav-android-3btn{color:#ffffffd9;grid-template-columns:1fr 1fr 1fr;place-items:center;width:100%;height:100%;min-height:0;padding:0 8%;display:grid}.nav-android-3btn svg{width:auto;height:55%;min-height:12px;max-height:22px;display:block}.nav-ios{border:3px solid #000;border-radius:6px;width:34%;min-width:90px;max-width:134px;height:5px}.screenshot{width:100%;height:100%;display:block}.object-cover{object-fit:cover}.object-contain{object-fit:contain;background-color:#000}.screenshot-iframe-box{background-color:#fff;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.screenshot-frame{transform-origin:0 0;background-color:#fff;border:0;display:block}.screenshot-placeholder{color:#666;text-align:center;padding:20px;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500}.phone-screen.under-top .screenshot-wrapper,.phone-screen.under-bottom .screenshot-wrapper{z-index:1}.phone-screen.under-top .status-bar{z-index:15;background-color:#0000;position:absolute;top:0;left:0;right:0}.phone-screen.under-bottom .bottom-nav-area{z-index:15;background-color:#0000;position:absolute;bottom:0;left:0;right:0}.phone-screen.under-top:not(.top-sampled) .status-bar .time{text-shadow:0 1px 4px #0009}.phone-screen.under-top:not(.top-sampled) .status-bar .sb-icon,.phone-screen.under-bottom .bottom-nav-area .nav-android-3btn,.phone-screen.under-bottom .bottom-nav-area .bottom-nav-pill{filter:drop-shadow(0 1px 2px #0009)}.phone-inner-bezel:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 20%,#fff0 50%);border-radius:54px;transition:border-radius .3s;position:absolute;inset:0}