@font-face{font-family:'Garet';font-weight:400;font-style:normal;font-display:swap;src:url(Garet-Book.otf) format('opentype')}
:root{--bg:#0B0B0C;--t1:#ECECEE;--t2:#8A8A90;--t3:#55555B;--pill:#1C1C1F;--linha:#26262A;--mag:#FF1F8D}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--t1);font-family:'Garet','Jost','Futura','Century Gothic',sans-serif;font-weight:400;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
.wrap{max-width:520px;margin:0 auto;padding:48px 24px 150px}
.top{display:flex;align-items:center;gap:14px;margin-bottom:40px}
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--pill);display:grid;place-items:center;font-size:13px;color:var(--t2)}
.av.g{width:88px;height:88px;font-size:24px}
.top .n{font-size:15px;line-height:1.3}
.top .n small{display:block;font-size:13px;color:var(--t2)}
.top .l{margin-left:auto;font-size:12px;letter-spacing:.18em;color:var(--t2)}
.top .l i{font-style:normal;color:var(--mag);letter-spacing:0;margin-left:6px}
.back{display:inline-flex;align-items:center;height:44px;margin:-14px 0 10px -6px;padding:0 6px;font-size:13px;color:var(--t2)}
.back:before{content:"‹";font-size:19px;margin-right:7px}
h1{font-size:22px;font-weight:400;line-height:1.25}
.date{font-size:13px;color:var(--t2);margin-top:4px}
h2{font-size:13px;font-weight:400;color:var(--t2);margin:56px 0 20px}
.row{display:flex;align-items:center;gap:16px;margin-top:20px;min-height:44px;width:100%}
.row .h{width:40px;flex:none;color:var(--t2);font-size:13px;font-variant-numeric:tabular-nums}
.row .m{flex:1;min-width:0;line-height:1.35}
.row .m small{display:block;font-size:13px;color:var(--t2);margin-top:2px}
.row .r{margin-left:auto;font-size:13px;color:var(--t2);white-space:nowrap;text-align:right}
.row .r i{font-style:normal;color:var(--t3);margin-left:6px}
.btn{display:inline-block;font-size:13px;line-height:30px;padding:0 14px;border-radius:15px;background:var(--pill);color:var(--t1);white-space:nowrap}
.btn.p{background:var(--mag);color:#fff}
.btn.w{display:block;width:100%;text-align:center;line-height:44px;border-radius:22px}
.btn[disabled]{opacity:.45}
.p{margin-top:14px;font-size:15px;line-height:1.55}
.p span{color:var(--t2)}
.p .q{color:var(--t3);font-size:13px}
.nums{display:flex;gap:56px}
.nums b{display:block;font-weight:400;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}
.nums small{display:block;font-size:13px;color:var(--t2);margin-top:4px}
.more{display:inline-block;margin-top:20px;font-size:13px;color:var(--t2);min-height:44px;line-height:44px}
.more:after{content:" ›"}
.tip{font-size:13px;color:var(--t3);margin-top:16px;line-height:1.5}
.vazio{font-size:15px;color:var(--t3);margin-top:20px}
.al{display:flex;align-items:center;gap:14px;width:100%;min-height:50px;padding:5px 0}
.al .c{width:20px;height:20px;border-radius:10px;border:1px solid var(--t3);flex:none;position:relative}
.al.pr .c{border-color:var(--t1)}
.al.pr .c:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:10px;border:solid var(--t1);border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}
.al.ju .c{border-color:var(--t2)}
.al.ju .c:after{content:"";position:absolute;left:4px;top:8px;width:10px;height:1px;background:var(--t2)}
.al .nm{flex:1;min-width:0}
.al .nm small{display:block;font-size:13px;color:var(--mag)}
.al.fa .nm{color:var(--t3)}
.al .st{font-size:13px;color:var(--t3)}
.fix{position:fixed;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));padding:0 24px}
.fix>div{max-width:520px;margin:0 auto}
label{display:block;font-size:13px;color:var(--t2);margin:28px 0 8px}
input,textarea,select{width:100%;background:none;border:0;border-bottom:1px solid var(--linha);color:var(--t1);font:inherit;padding:10px 0;border-radius:0;-webkit-appearance:none}
textarea{min-height:80px;resize:vertical;line-height:1.55}
input:focus,textarea:focus,select:focus{outline:0;border-bottom-color:var(--mag)}
option{background:#141416}
.mods{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mods button{font-size:13px;line-height:30px;padding:0 14px;border-radius:15px;background:var(--pill);color:var(--t2)}
.mods button.on{background:var(--mag);color:#fff}
.aviso{font-size:13px;color:var(--mag);margin-top:20px;min-height:20px}
.aviso.ok{color:var(--t2)}
.tabs{position:fixed;left:0;right:0;bottom:0;background:rgba(11,11,12,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:5}
.tabs>div{max-width:520px;margin:0 auto;display:flex;justify-content:space-around}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--t3);width:64px;padding-top:2px;position:relative}
.tabs a.on{color:var(--t1)}
.tabs svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tabs em{position:absolute;top:0;right:14px;width:6px;height:6px;border-radius:50%;background:var(--mag)}
.foot{font-size:13px;color:var(--t3);margin-top:56px;line-height:1.5}
/* login */
.login{max-width:340px;margin:0 auto;padding:22vh 24px 40px}
.login .marca{font-size:20px;letter-spacing:.18em;margin-bottom:6px}
.login .marca i{font-style:normal;color:var(--mag);letter-spacing:0;margin-left:8px}
.login p{font-size:13px;color:var(--t2);margin-bottom:24px}
.carregando{padding:22vh 24px;text-align:center;color:var(--t3);font-size:13px}
@media (max-width:480px){.wrap{padding:36px 20px 150px}.fix{padding:0 20px}}