@font-face{font-family:Critic Stencil;src:url(/assets/fonts/black-ops-one.woff2) format("woff2");font-display:swap}@font-face{font-family:Critic Play;src:url(/assets/fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Critic Grind;src:url(/assets/fonts/special-elite.woff2) format("woff2");font-display:swap}:root{--bg: #0e0809;--bg-elevated: #16100f;--wine: #3d0f18;--gold: #d4a84b;--cream: #f3ead8;--card: #1a1214;--error: #ffb4a2;--success: #9fd4a8;--head: "Playfair Display", Georgia, serif;color-scheme:dark}[data-theme=acao]{--bg: #10140e;--wine: #2a3118;--gold: #ff8a1e;--cream: #f4f0e4;--card: #171e12;--head: "Critic Stencil", Georgia, serif}[data-theme=terror]{--bg: #0c070e;--wine: #4a1020;--gold: #ff5d68;--cream: #f7f0ea;--card: #160e1c}[data-theme=comedia]{--bg: #fff4e4;--wine: #fff0f3;--gold: #0b5f55;--cream: #1b2a24;--card: #fffaf6;--head: "Critic Play", system-ui, sans-serif;color-scheme:light}[data-theme=romantico]{--bg: #1c1016;--wine: #4c2434;--gold: #f6c0cc;--cream: #fff1f4;--card: #26141c}[data-theme=trash]{--bg: #0a0a0a;--wine: #1a1a1a;--gold: #f3f3f3;--cream: #f5f5f5;--card: #141414;--head: "Critic Grind", monospace}[data-theme=junior]{--bg: #14090c;--wine: #4a1520;--gold: #e2b656;--cream: #fff6e4;--card: #1c1014}*{box-sizing:border-box}body{margin:0;background:var(--bg) url(/assets/grain.png);color:var(--cream);font:400 16px/1.5 Inter,system-ui,sans-serif}h1,h2,h3,.critic-line{font-family:var(--head);font-weight:600}a{color:var(--gold)}.app{max-width:760px;margin:0 auto;padding:16px}header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}header .logo-wide{height:48px;width:auto;max-width:100%;object-fit:contain}nav{display:flex;gap:4px;margin-left:auto}nav button,.toggle button{background:none;border:1px solid transparent;color:var(--cream);padding:6px 12px;border-radius:999px;cursor:pointer;font:inherit}nav button.on,.toggle button.on{border-color:var(--gold);color:var(--gold)}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.initials{display:grid;place-items:center;background:var(--wine);color:var(--gold);font-weight:600}.door{max-width:380px;margin:8vh auto;display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:center;padding:0 16px}.door .logo-wide{width:100%;height:auto}.tagline{font-family:var(--head);font-size:1.2rem;margin:0}.critic-face{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto}.stack{display:flex;flex-direction:column;gap:10px}input,textarea,select{background:var(--bg-elevated);color:var(--cream);border:1px solid color-mix(in srgb,var(--cream) 25%,transparent);border-radius:8px;padding:10px 12px;font:inherit}textarea{min-height:80px;resize:vertical}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:10px 16px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;border:1px solid transparent;text-decoration:none}.btn.primary{background:var(--gold);color:var(--bg)}.btn.secondary{background:none;border-color:var(--cream);color:var(--cream)}.btn.ghost{background:none;color:var(--gold)}.btn.big{padding:14px;font-size:17px}.btn.google{background:#fff;color:#1f1f1f;border-color:#dadce0}.btn:disabled{opacity:.6;cursor:wait}.danger{color:var(--error)!important}.link{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;text-decoration:underline}.links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.error{color:var(--error)}.success{color:var(--success)}.muted{opacity:.7}.small{font-size:13px}.notice{background:var(--wine);padding:10px 14px;border-radius:8px;cursor:pointer}.card{background:var(--card);color:var(--cream);border:1px solid var(--wine);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.card-body{display:flex;gap:16px}.poster{width:140px;border-radius:8px;align-self:flex-start}.card h2{margin:0 0 4px;font-size:1.6rem}.year{opacity:.7;font-weight:400}.ratings{margin:0;opacity:.8;font-size:14px}.critic-line{font-size:1.2rem;margin:12px 0 4px;border-left:3px solid var(--gold);padding-left:12px}.by{margin:0;color:var(--gold)}.actions{display:flex;gap:8px;flex-wrap:wrap}.sheet{border-top:1px solid var(--wine);padding-top:12px;display:flex;flex-direction:column;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:none;border:1px solid color-mix(in srgb,var(--cream) 35%,transparent);color:var(--cream);border-radius:999px;padding:5px 12px;cursor:pointer;font:14px Inter,system-ui,sans-serif;text-decoration:none;margin-right:4px}.chip.on{background:var(--gold);color:var(--bg);border-color:var(--gold)}.stars button{background:none;border:0;font-size:32px;color:color-mix(in srgb,var(--cream) 30%,transparent);cursor:pointer}.stars button.on{color:var(--gold)}.moment{margin-top:18px}.toggle{display:flex;gap:6px}.last-word,.accepted{background:var(--card);border-radius:14px;padding:18px;margin-bottom:12px}.history .row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--wine);align-items:flex-start}.history img{width:56px;border-radius:4px}.grow{flex:1}.panel{background:var(--card);border-radius:14px;padding:16px;margin-bottom:14px}.panel h3{margin-top:0}.personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.persona{background:var(--bg);color:var(--cream);border:2px solid var(--wine);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;cursor:pointer;font:13px Inter,system-ui,sans-serif}.persona img{width:72px;height:72px;border-radius:50%;object-fit:cover}.persona b{font-family:var(--head);font-size:15px;color:var(--gold)}.persona.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}label{display:flex;flex-direction:column;gap:4px;text-align:left}.row-inline{flex-direction:row;align-items:center;gap:8px}footer{margin-top:32px;text-align:center}@media(max-width:560px){.card-body{flex-direction:column}.poster{width:100%;max-width:260px}nav{margin-left:0}}.photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.avatar.big{width:72px;height:72px;font-size:1.6rem}
