*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#71ac20;--green-dark:#4e7a14;--green-light:#f0f9e0;--red:#e53935;--orange:#ff6b35;--yellow:#ffc107;--bg:#f5f6fa;--card:#fff;--border:#e8ecf0;--text:#1a1a2e;--text-2:#5a6375;--text-3:#9aa0ad;--shadow:0 2px 12px #00000012;--radius:16px}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;min-height:100dvh;font-family:Nunito,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#dde1ea;border-radius:3px}.phone-wrap{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 0 40px;display:flex}.phone{background:var(--bg);border-radius:44px;flex-direction:column;flex-shrink:0;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000080,0 0 0 8px #1a1a2e,0 0 0 10px #333}.phone-screen{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.phone-wrap.native{background:var(--bg);min-height:100vh;padding:0}.phone-wrap.native .phone{width:100vw;height:100vh;max-height:100vh;box-shadow:none;padding-top:env(safe-area-inset-top);border-radius:0}.status-bar{height:0;padding-top:env(safe-area-inset-top);background:#fff;flex-shrink:0}