:root{--bg:#0f0e0d;--surface:#1b1917;--surface-2:#24211e;--nav:#161412;--border:#34302b;--border-strong:#5a5249;--text:#f3eee7;--text-2:#cfc7bd;--muted:#a8a097;--placeholder:#8a8279;--accent:#f0a23b;--accent-hover:#f7c27a;--on-accent:#1a1206;--accent-soft:#f0a23b29;--chip-on-text:#fbe3c2;--ok:#6ccb8a;--ok-text:#bff0cd;--on-ok:#0f1a12;--mid:#f0c64b;--mid-text:#f7dc8a;--on-mid:#2a2005;--bad:#f07a6a;--bad-text:#f3b3a9;--on-bad:#2a0d09;--font-title:"Barlow Condensed", "Arial Narrow", sans-serif;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px;--nav-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100dvh;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);flex-direction:column;display:flex}.page{width:100%;max-width:1120px;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);flex:1;margin:0 auto}.title{font-family:var(--font-title);font-weight:700}.page-header{padding:20px 20px 8px}.page-header h1{font-family:var(--font-title);letter-spacing:.5px;margin:0;font-size:36px;font-weight:700}.page-header p{color:var(--muted);margin:4px 0 0;font-size:14px}.brand{align-items:center;gap:10px;padding:20px 20px 12px;display:flex}.brand span{font-family:var(--font-title);letter-spacing:1px;font-size:24px;font-weight:700}.section-label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.muted{color:var(--muted)}.bottom-nav{z-index:10;background:var(--nav);border-top:1px solid var(--border);padding:8px var(--safe-right) calc(12px + var(--safe-bottom)) var(--safe-left);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--accent);font-weight:600}@media (width>=900px){.bottom-nav{border:1px solid var(--border);border-radius:18px;width:360px;padding:6px 0;bottom:16px;left:50%;right:auto;transform:translate(-50%)}}.btn{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 20px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-primary:disabled{background:var(--border);color:var(--muted)}.btn-ghost{border:1px solid var(--border);height:44px;color:var(--text);background:0 0;border-radius:12px;padding:0 16px;font-size:14px;font-weight:600}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}.btn-icon{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text);background:var(--surface)}.bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.bar.done>div{background:var(--ok)}.vod-grid{gap:14px;padding:12px 16px 24px;display:grid}@media (width>=700px){.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.vod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.vod-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:18px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}a.vod-card:hover{color:var(--text);border-color:var(--border-strong)}.vod-card.done{opacity:.55}.vod-card.done:hover{opacity:.8}.vod-cover{aspect-ratio:16/9;background:var(--surface-2);position:relative}.vod-cover img{object-fit:cover;width:100%;height:100%;display:block}.vod-cover .duration{background:#0f0e0dcc;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:10px}.badge-done{background:var(--ok);color:var(--on-ok);border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.vod-body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.vod-meta{letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.vod-body h2{margin:4px 0 6px;font-size:17px;font-weight:600;line-height:1.3}.vod-desc{color:var(--muted);flex:1;margin:0 0 12px;font-size:13px;line-height:1.45}.progress-row{align-items:center;gap:12px;display:flex}.progress-row span{color:var(--text-2);white-space:nowrap;font-size:13px;font-weight:600}.vod-actions{gap:8px;margin-top:12px;display:flex}.empty{text-align:center;color:var(--muted);margin:24px 16px;padding:24px;font-size:15px;line-height:1.5}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:18px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.soon{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin:0 16px 16px;padding:20px}.soon .kicker{font-family:var(--font-title);letter-spacing:2px;color:var(--accent);margin:0 0 6px;font-size:15px;font-weight:700}.soon h2{font-family:var(--font-title);margin:0 0 4px;font-size:30px;font-weight:700;line-height:1.05}.soon p{color:var(--text-2);margin:0;font-size:14px;line-height:1.45}.continue{color:var(--text);align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.continue:hover{color:var(--text);border-color:var(--border-strong)}.continue img,.continue .thumb{object-fit:cover;background:var(--surface-2);border-radius:10px;flex:none;width:112px;height:63px;display:block}.continue p{margin:0}a.stretched{color:inherit;text-decoration:none}a.stretched:after{content:"";border-radius:18px;position:absolute;inset:0}.vod-card:has(a.stretched:hover){border-color:var(--border-strong)}.vod-actions{z-index:1;position:relative}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 16px;display:grid}.account{max-width:480px;margin:0 16px 16px;padding:16px}.account form{flex-direction:column;gap:12px;display:flex}.account hr{border:0;border-top:1px solid var(--border);margin:16px 0}.account .btn-ghost{align-self:flex-start}.tabs{background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.tabs button{height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.hint{margin:0 0 4px;font-size:13px;line-height:1.45}.field{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input{border:1px solid var(--border);background:var(--bg);height:48px;color:var(--text);font-family:var(--font);border-radius:12px;padding:0 14px;font-size:16px;font-weight:400}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--accent);outline:none}.form-error{color:var(--bad-text);margin:0;font-size:14px}.daily-card{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.daily-card:hover{color:var(--text);border-color:var(--border-strong)}.daily-card .btn{height:48px;margin-top:16px;font-size:16px}.home-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.home-header .brand{padding:0}.avatar{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:22px;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:flex}.avatar:hover{color:var(--text);border-color:var(--border-strong)}.game-tabs{gap:8px;padding:0 20px 16px;display:flex}.game-tabs button{border:1px solid var(--border);height:36px;color:var(--muted);background:0 0;border-radius:18px;padding:0 16px;font-size:14px}.game-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border:0;font-weight:700}.daily-hero{border-radius:20px;margin:0 16px;overflow:hidden}.daily-hero .cover{height:200px;position:relative;overflow:hidden}.daily-hero img{object-fit:cover;filter:blur(6px)brightness(.55);width:100%;height:100%;display:block;transform:scale(1.06)}.daily-hero .over{flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.daily-hero .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.daily-hero .kicker{font-family:var(--font-title);letter-spacing:2px;color:var(--accent);font-size:15px;font-weight:700}.daily-hero .timer{color:#e2dbd2;font-variant-numeric:tabular-nums;white-space:nowrap;background:#0f0e0db3;border-radius:10px;padding:4px 10px;font-size:13px}.daily-hero .headline{font-family:var(--font-title);margin:0 0 4px;font-size:34px;font-weight:700;line-height:1}.daily-hero .sub{color:#e2dbd2;margin:0;font-size:14px}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 16px 0;display:grid}.home-stats .card{padding:14px 12px}.home-stats .title{font-size:30px}.home-stats p{color:var(--muted);margin:2px 0 0;font-size:12px}.streak-n{align-items:center;gap:6px;display:flex}.home-card{margin:16px 16px 0;padding:16px}.group{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.group li{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.group .name{font-size:15px;font-weight:600}.pill{border-radius:10px;padding:4px 10px}.pill.certo{color:#8fd9a6;background:#6ccb8a1f}.pill.meio{color:var(--mid-text);background:#f0c64b1f}.pill.errado{color:var(--bad-text);background:#f07a6a1f}.group-empty{margin:10px 0 0;font-size:14px}.blind-item{font-family:var(--font-title);margin:0 0 4px;font-size:26px;font-weight:700}.blind-text{color:var(--text-2);margin:0;font-size:14px;line-height:1.45}@media (width>=900px){.home{max-width:720px}}.friends .section-label{margin-bottom:12px}.my-code{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.my-code .code{font-family:var(--font-title);letter-spacing:4px;color:var(--accent);margin:0;font-size:32px;font-weight:700}.account .add-friend{flex-direction:row;align-items:flex-end}.add-friend .field{flex:1;min-width:0}.add-friend .field input{letter-spacing:2px;width:100%}.account .add-friend .btn-ghost{flex:none;align-self:flex-end;height:48px}.friend-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.friend-list li{justify-content:space-between;align-items:center;display:flex}.link-btn{color:var(--muted);background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}.friends>.hint,.friends>.form-error{margin-top:10px}.add-video{padding:12px 16px 4px}.add-video .hint{margin-top:8px}.add-video-btn{border:1.5px dashed var(--border-strong);width:100%;height:52px;color:var(--text);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.add-video-btn:hover{border-color:var(--accent)}.request .vod-cover img{filter:brightness(.35)blur(2px)}.request-state{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex;position:absolute;inset:0}.request-state.failed{color:var(--bad-text)}.request .form-error{margin:0 0 8px;font-size:13px}.spin{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.play{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.play-header{align-items:center;gap:12px;padding:14px 12px 10px;display:flex}.play-header .info{flex:1;min-width:0}.play-header .info p{margin:0}.play-header .vod-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.play-header .step{font-size:15px;font-weight:600}.play-header .bar{height:4px;margin-top:6px}.play-cols{flex-direction:column;flex:1;display:flex}.play-side,.play-main{min-width:0}.play-main{flex-direction:column;flex:1;display:flex}@media (width>=900px){.play-cols{flex-direction:row;align-items:flex-start;gap:28px;padding:0 20px}.play-side{flex:1.25;position:sticky;top:12px}.play-side .frame{border-radius:16px;overflow:hidden}.play-main{flex:1;max-width:520px;min-height:calc(100dvh - 90px)}}.frame{background:var(--surface-2);aspect-ratio:16/9;margin:0;position:relative}.frame img{object-fit:cover;width:100%;height:100%;display:block}.frame .clock{font-family:var(--font-title);background:#0f0e0dd9;border-radius:8px;padding:2px 10px;font-size:18px;font-weight:700;position:absolute;top:10px;left:10px}.frame .zoom{background:#0f0e0dcc;position:absolute;bottom:10px;right:10px}.context{color:#e2dbd2;margin:14px 16px 0;font-size:15px;line-height:1.5}.lightbox{z-index:50;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#080706f5;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar{color:var(--muted);justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-size:13px;display:flex}.lightbox-view{flex:1;align-items:center;display:flex;overflow:auto}.lightbox-view img{cursor:zoom-in;max-width:100%;max-height:100%;margin:auto;display:block}.lightbox-view.zoomed{align-items:flex-start}.lightbox-view.zoomed img{cursor:zoom-out;width:250%;max-width:none;max-height:none}@media (width>=900px){.context{margin:14px 0 0}.lightbox-view.zoomed img{width:180%}}.q-section{margin:24px 16px 0}.q-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.q-head h2{font-family:var(--font-title);margin:0;font-size:26px;font-weight:700}.q-head .count{color:var(--muted);white-space:nowrap;font-size:13px}.q-head .score{font-family:var(--font-title);color:var(--text-2);white-space:nowrap;font-size:22px;font-weight:700}.hint{color:var(--muted);margin:-6px 0 14px;font-size:13px;line-height:1.4}.chip-groups{flex-direction:column;gap:16px;display:flex}.chip-groups h3{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-2);text-align:left;border-radius:20px;padding:8px 14px;font-size:14px}.chip:hover{border-color:var(--border-strong)}.chip[aria-pressed=true]{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--chip-on-text);padding:7.5px 13.5px;font-weight:600}.answer{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-family:var(--font);resize:vertical;border-radius:14px;min-height:132px;padding:14px;font-size:16px;line-height:1.5}.answer::placeholder{color:var(--placeholder)}.answer:focus{border-color:var(--accent);outline:none}.sticky-actions{z-index:5;padding:24px 16px calc(16px + var(--safe-bottom));background:linear-gradient(#0f0e0d00, var(--bg) 30%);gap:10px;margin-top:auto;display:flex;position:sticky;bottom:0}.sticky-actions .btn{flex:1}.verdict{border:1.5px solid;border-radius:20px;align-items:center;gap:16px;margin:8px 16px 0;padding:20px;display:flex}.verdict .dot{border-radius:32px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.verdict .big{font-family:var(--font-title);margin:0;font-size:40px;font-weight:700;line-height:1}.verdict .sub{color:#e2dbd2;margin:6px 0 0;font-size:14px;line-height:1.4}.verdict.certo{border-color:var(--ok);background:#6ccb8a1a}.verdict.certo .dot{background:var(--ok)}.verdict.certo .big{color:var(--ok-text)}.verdict.meio{border-color:var(--mid);background:#f0c64b1a}.verdict.meio .dot{background:var(--mid)}.verdict.meio .big{color:var(--mid-text)}.verdict.errado{border-color:var(--bad);background:#f07a6a1a}.verdict.errado .dot{background:var(--bad)}.verdict.errado .big{color:var(--bad-text)}.notes{flex-direction:column;gap:8px;display:flex}.note{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.note .tag{text-align:center;letter-spacing:1px;border-radius:8px;flex:none;min-width:72px;padding:4px 8px;font-size:11px;font-weight:700}.note p{margin:0}.note .label{font-size:15px;font-weight:600}.note .detail{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4}.note.viu{background:#6ccb8a14;border-color:#2e5a3c}.note.viu .tag{background:var(--ok);color:var(--on-ok)}.note.nao-viu{border-color:var(--accent);background:#f0a23b1a}.note.nao-viu .tag{background:var(--accent);color:var(--on-accent);animation:1.2s ease-in-out 3 blink}.note.a-toa{background:#f07a6a12;border-color:#5a2f2a}.note.a-toa .tag{background:var(--bad);color:var(--on-bad)}.note.a-toa .label{color:var(--text-2);text-decoration:line-through}@keyframes blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.note.nao-viu .tag{animation:none}}.your-text{background:var(--surface);border:1px solid var(--border);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0 0 12px;padding:12px 14px;font-size:14px;line-height:1.5}.your-text mark{color:var(--ok-text);background:#6ccb8a40;border-radius:4px;padding:0 3px}.concepts{flex-wrap:wrap;gap:8px;display:flex}.concept{border:1px solid;border-radius:18px;align-items:center;gap:6px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.concept.hit{color:var(--ok-text);background:#6ccb8a1f;border-color:#2e5a3c}.concept.miss{background:var(--surface);color:var(--bad-text);border-color:#5a2f2a}.pro{overflow:hidden}.pro .video{aspect-ratio:16/9;background:#000;position:relative}.pro .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.pro .poster{width:100%;color:var(--text);background:0 0;border:0;padding:0;position:absolute;inset:0}.pro .poster img{object-fit:cover;filter:brightness(.55);width:100%;height:100%;display:block}.pro .poster span{flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.pro .body{padding:16px}.kicker{letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.pro blockquote{margin:0;font-size:15px;font-style:italic;line-height:1.55}.pro .explanation{color:var(--text-2);margin:12px 0 0;font-size:14px;line-height:1.5}.pro .yt-link{margin-top:12px;font-size:13px;display:inline-block}.flags{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.flag{letter-spacing:1px;text-transform:uppercase;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:700}.flag.erro{color:var(--bad-text);background:#f07a6a29}.flag.aposta{color:var(--mid-text);background:#f0c64b29}.rule{padding:16px}.rule p{margin:0}.rule .rule-text{font-size:16px;font-weight:500;line-height:1.5}.report{border:1px solid var(--border);background:var(--surface);width:56px;height:56px;color:var(--text-2);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.report:disabled{opacity:.45}.end{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;display:flex}.result-hero{text-align:center;margin:8px 16px 0;padding:24px 20px}.result-hero .grade{font-family:var(--font-title);color:var(--accent);margin:0;font-size:64px;font-weight:700;line-height:1}.result-hero .grade-sub{color:var(--text-2);margin:6px 0 0;font-size:15px}.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 16px 0;display:grid}.result-stats>div{padding:14px 12px}.result-stats .n{font-family:var(--font-title);font-size:30px;font-weight:700}.result-stats p{color:var(--muted);margin:2px 0 0;font-size:12px}.rules-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rules-list a{color:var(--text);align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.rules-list a:hover{color:var(--text);border-color:var(--border-strong)}.mark{border-radius:14px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.mark.certo{background:var(--ok);color:var(--on-ok)}.mark.meio{background:var(--mid);color:var(--on-mid)}.mark.errado{background:var(--bad);color:var(--on-bad)}.mark.pendente{background:var(--border);color:var(--muted)}.rules-list .clock{color:var(--muted);margin:0 0 2px;font-size:12px}.rules-list .text{margin:0;font-size:15px;line-height:1.45}.daily-share{flex-direction:column;gap:12px;padding:16px;display:flex}.daily-share .streak{align-items:center;gap:12px;display:flex}.daily-share .fire{font-size:34px;line-height:1}.daily-share .n{font-family:var(--font-title);margin:0;font-size:28px;font-weight:700;line-height:1}.daily-share .muted{margin:2px 0 0;font-size:13px}.share-text{background:var(--bg);border:1px solid var(--border);font-family:var(--font);white-space:pre-wrap;color:var(--text-2);border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.daily-share .next{margin:0}