:root{--roxo: #7C6AF0;--roxo-2: #6C5CE7;--roxo-soft: #efedfe;--tinta: #1b1b2f;--tinta-2: #2a2a3c;--cinza: #9a9ab0;--cinza-2: #b9b9c9;--linha: #efeff4;--campo: #f6f6fa;--bg: #ffffff;--verde: #34c759;--estrela: #ffb13c;--vermelho: #ff3b30;--sombra: 0 18px 40px -18px rgba(108, 92, 231, .35);--raio: 22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Urbanist,system-ui,sans-serif;background:#e9e9f3;color:var(--tinta);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}.phone{position:relative;width:100%;max-width:420px;min-height:100vh;background:var(--bg);overflow:hidden}@media (min-width: 460px){#root{padding:22px}.phone{min-height:auto;height:calc(100vh - 44px);max-height:920px;border-radius:42px;box-shadow:0 40px 90px -30px #281e5a8c;border:9px solid #14141f}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 22px}.scroll::-webkit-scrollbar{width:0}.pad-top{padding-top:14px}.pad-bottom{padding-bottom:30px}.has-nav{padding-bottom:96px}.topbar{display:flex;align-items:center;gap:14px;padding:16px 22px 8px}.iconbtn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1.5px solid var(--linha);color:var(--tinta);transition:transform .15s,background .2s}.iconbtn:active{transform:scale(.9)}.iconbtn.ghost{border:none;background:var(--campo)}.title-lg{font-size:26px;font-weight:800;letter-spacing:-.5px}.title-md{font-size:21px;font-weight:800;letter-spacing:-.3px}.btn{width:100%;height:58px;border-radius:18px;background:var(--roxo);color:#fff;font-size:16.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--sombra);transition:transform .15s,box-shadow .2s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;box-shadow:none}.btn.soft{background:var(--roxo-soft);color:var(--roxo);box-shadow:none}.btn.ghost{background:var(--campo);color:var(--tinta);box-shadow:none}.btn.outline{background:#fff;border:1.6px solid var(--linha);color:var(--tinta);box-shadow:none}.field{display:flex;align-items:center;gap:12px;background:var(--campo);border-radius:16px;padding:0 16px;height:58px;border:1.6px solid transparent;transition:border .2s,background .2s}.field:focus-within{border-color:var(--roxo);background:#fff}.field input{flex:1;border:none;outline:none;background:none;font-size:15.5px;font-weight:500;color:var(--tinta)}.field input::placeholder{color:var(--cinza);font-weight:500}.field svg{color:var(--cinza);flex-shrink:0}.muted{color:var(--cinza);font-weight:500}.linkp{color:var(--roxo);font-weight:700}.chips{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:10px 18px;border-radius:13px;background:var(--campo);color:var(--cinza);font-weight:700;font-size:14px;white-space:nowrap;transition:all .2s}.chip.on{background:var(--roxo);color:#fff;box-shadow:var(--sombra)}.card{background:#fff;border-radius:var(--raio);border:1.5px solid var(--linha)}.row{display:flex;align-items:center}.between{justify-content:space-between}.stars{display:inline-flex;gap:2px;color:var(--estrela);align-items:center}.bottomnav{position:absolute;left:0;right:0;bottom:0;height:78px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1.5px solid var(--linha);display:flex;align-items:center;justify-content:space-around;z-index:30}.navitem{position:relative;display:grid;place-items:center;color:var(--cinza-2);padding:10px;transition:color .2s}.navitem.on{color:var(--roxo)}.navdot{position:absolute;bottom:2px;width:5px;height:5px;border-radius:9px;background:var(--roxo)}.center{display:grid;place-items:center;text-align:center}.grow{flex:1}.avatar{border-radius:50%;object-fit:cover;background:var(--campo)}.pill{padding:5px 11px;border-radius:9px;font-size:12px;font-weight:800}.pill.green{background:#34c75924;color:var(--verde)}.imgcover{width:100%;object-fit:cover;background:var(--campo);display:block}.fab-x{position:absolute;top:16px;right:18px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}