@font-face{font-family:Manrope;src:url('/assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f2edf5;color:#342f3b;font:12px/1.6 Manrope,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 16px;min-height:52px}h1{font-size:12px;margin:0;font-weight:650}a{color:#574565;text-underline-offset:4px}main{display:grid;justify-items:center;padding:0 12px 12px}.phone-screen{width:min(393px,100%);aspect-ratio:393/852;border:1px solid #d9cfdf;border-radius:22px;overflow:hidden;background:#fffefa;box-shadow:0 12px 40px #42344e12}.phone-screen iframe{display:block;border:0;width:100%;height:100%}.phone-screen>p{padding:24px}.note{font-size:10px;margin:8px 0 3px;text-align:center;color:#625a69}details{font-size:10px;text-align:center}summary{cursor:pointer}details p{margin:5px 0}a:focus-visible,summary:focus-visible{outline:2px solid #574565;outline-offset:4px}@media(max-width:440px){header{gap:14px;padding:8px 12px}h1{font-size:10px}main{padding:0 4px 8px}.phone-screen{border-radius:14px;height:calc(100svh - 104px);min-height:420px}.note{font-size:9px}}