figure.svelte-oux0nq{font-family:var(--editor-font-family)}.iphone-mock.svelte-oux0nq{box-sizing:border-box;aspect-ratio:393/852;background:linear-gradient(90deg,#111 0%,#3f3f46 10%,#0b0b0f 22%,#555 50%,#111 78%,#2b2b31 100%),#111;border-radius:3rem;width:min(100vw - 4.5rem,17.25rem);max-width:100%;padding:.58rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 0 0 3px #000000b8}.iphone-mock.svelte-oux0nq:before{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:2.82rem;position:absolute;inset:.18rem}.iphone-screen.svelte-oux0nq{background:#fff;border-radius:2.38rem;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #050505,inset 0 0 0 4px #ffffff14}.iphone-island.svelte-oux0nq{z-index:20;background:#020202;border-radius:999px;width:6.9rem;height:2.05rem;position:absolute;top:1.05rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.iphone-island.svelte-oux0nq span:where(.svelte-oux0nq){background:radial-gradient(circle at 62% 35%,#507aff8c,#0000 18%),radial-gradient(circle at 45% 55%,#111827 0%,#020617 48%,#000 72%);border-radius:999px;width:.82rem;height:.82rem;position:absolute;top:.5rem;right:.76rem;box-shadow:inset 0 0 0 1px #60a5fa29}.iphone-side-button.svelte-oux0nq{z-index:0;background:linear-gradient(#555 0%,#111 28%,#333 70%,#0a0a0a 100%);border-radius:999px;width:.22rem;position:absolute;box-shadow:inset 1px 0 #ffffff2e}.iphone-side-button-silent.svelte-oux0nq{height:2.2rem;top:7.9rem;left:-.08rem}.iphone-side-button-volume-up.svelte-oux0nq{height:4.9rem;top:12.4rem;left:-.08rem}.iphone-side-button-volume-down.svelte-oux0nq{height:4.9rem;top:18.2rem;left:-.08rem}.iphone-side-button-power.svelte-oux0nq{height:6.3rem;top:14.2rem;right:-.08rem}.preview-editor-content.svelte-oux0nq{overflow-wrap:anywhere;min-width:0}ruby.svelte-oux0nq{ruby-align:center;ruby-position:over}rt.svelte-oux0nq{font-family:var(--editor-font-family);color:var(--app-muted);letter-spacing:0;-webkit-user-select:none;user-select:none;font-size:.55em;font-weight:400}.homepage.svelte-19nmqc{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#fff;--app-text:#0f172a;--app-muted:#64748b;--app-border:#e2e8f0;--app-surface:#f5f5f5;--app-accent:#2563eb;--app-hairline:color-mix(in srgb, var(--app-border) 72%, transparent)}.syntax-section.svelte-19nmqc{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}