*{box-sizing:border-box}body{margin:0}.phone{width:100%;min-height:100vh;margin:0 auto;padding:18px 16px 28px}@media (min-width: 480px){body{background:#dfe4ee}.phone{width:393px;height:852px;min-height:852px;border-radius:36px;border:12px solid #10131a;background:#f4f6fb;box-shadow:0 18px 40px #1018281f;overflow:auto;padding:22px 18px 34px}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.sticky{position:sticky;top:0;background:#f4f6fbe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 0 12px;z-index:5}