.device{background:var(--color-paper);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.device-status{display:none}@media (width>=760px){body{background:#e8e4dd;justify-content:center;align-items:stretch;min-height:100dvh;display:grid}.device{width:min(100vw,480px);box-shadow:0 0 0 1px #14192e0f,0 24px 64px #14192e1f}}@media (width>=760px) and (height>=640px){html[data-frame] body{background:var(--color-paper);place-items:center;padding:24px}html[data-frame] .device{width:394px;height:min(100dvh - 48px,852px);box-shadow:var(--shadow-phone);border:9px solid #14192e;border-radius:44px}html[data-frame] .device-status{background:var(--color-navy);color:#fff;letter-spacing:.01em;flex:none;justify-content:space-between;align-items:center;height:30px;padding:0 18px;font-size:12px;font-weight:700;display:flex}}html.kb-open .device{left:0;right:0;top:var(--app-top,0px);height:var(--app-h,100dvh);margin-inline:auto;position:fixed}html.kb-open{--safe-bottom:0px!important}html.kb-open .auth-frame .app-footer,html.kb-open .auth-frame .auth-sub,html.kb-open .auth-frame .auth-extra{display:none}html.kb-open .auth-frame>header{gap:.75rem;padding-bottom:1rem}html.kb-open .auth-frame h1{font-size:24px}@media (width>=760px){html:not([data-frame]) body{background:var(--color-paper);display:block}html:not([data-frame]) .device{width:100%;box-shadow:none}}@media (width>=768px){html:not([data-frame]) .bottom-nav,html[data-frame] .top-bar{display:none}html[data-frame] .sheet-root{justify-content:flex-end;align-items:stretch;padding:0;position:absolute}html:not([data-frame]) .screen:not(.screen--wide){background:var(--color-paper);width:calc(100% - 64px);max-width:680px;box-shadow:0 0 0 1px #14192e0d, var(--shadow-lift);border-radius:24px;margin:28px auto;overflow:hidden}html:not([data-frame]) .screen:not(.screen--wide) .bottom-nav{display:none}html:not([data-frame]) .screen.screen--card{background:var(--color-paper);width:calc(100% - 64px);max-width:560px;box-shadow:0 0 0 1px #14192e0d, var(--shadow-lift);border-radius:24px;flex:0 auto;margin:40px auto;overflow:hidden}html:not([data-frame]) .screen--card>.scroll-area{flex:0 auto}html:not([data-frame]) .screen--card>header,html:not([data-frame]) .screen--card>.scroll-area>header{padding-left:28px;padding-right:28px}html:not([data-frame]) .screen--card>.scroll-area{padding-left:12px;padding-right:12px}html:not([data-frame]) .screen--card>.scroll-area>header{margin-left:-12px;margin-right:-12px}html:not([data-frame]) .screen--card .app-footer{background:var(--color-paper);box-shadow:none;padding:4px 28px 28px}html:not([data-frame]) .screen--card .app-footer button.bg-well-2{background:var(--color-card);box-shadow:inset 0 0 0 1.5px var(--color-hairline)}html:not([data-frame]) .screen--card .app-footer button.bg-well-2:hover{background:var(--color-well)}}@media (width>=768px) and (hover:hover){.hover-lift{transition:transform .16s var(--ease-out-soft), box-shadow .16s var(--ease-out-soft)}.hover-lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}}.skip-link{z-index:60;background:var(--color-card);color:var(--color-blue);box-shadow:var(--shadow-lift);border-radius:12px;padding:12px 18px;font-size:16px;font-weight:700;text-decoration:none;position:absolute;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.web-wrap{width:100%;max-width:1384px;margin:0 auto;padding-left:16px;padding-right:16px}@media (width>=768px){.web-wrap{padding-left:32px;padding-right:32px}}