body{margin:0;background:#e9e4da}body.shell-web{background:#f7f4ee}.shell-bar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 16px;background:#141a2e;color:#d5d9e6;font:500 13px Inter,system-ui,sans-serif}.shell-bar a{color:#f2b705;text-decoration:none}.shell-bar a:hover{color:#fff}.shell-title{color:#fff;font-weight:600}.shell-steps{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 16px}.shell-index .frame,.shell-mobile .frame{display:flex;justify-content:center;padding:32px 16px 48px}.shell-mobile #screen-root{width:390px;flex-shrink:0;height:844px;height:min(844px,calc(100dvh - 120px));min-height:560px;border-radius:28px;overflow:hidden;box-shadow:0 0 0 10px #141a2e,0 24px 60px rgba(20,26,46,.25)}.shell-index #screen-root{width:100%;max-width:1280px;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(20,26,46,.15)}#screen-root [style*="overflow-y: auto"]>*{flex-shrink:0}@media (max-width:520px){body.shell-mobile{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.shell-mobile .shell-bar{position:static;flex-shrink:0}.shell-mobile .frame{flex:1;min-height:0;padding:0;display:flex}.shell-mobile #screen-root{width:100%;height:100%;min-height:0;flex-shrink:1;border-radius:0;box-shadow:none}.shell-index .frame{padding:0}.shell-index #screen-root{border-radius:0;box-shadow:none}.shell-steps{display:none}}