:root{--indigo:#3d0066;--indigo-2:#5c0099;--mauve:#c86bfa;--yellow:#fdc500;--lemon:#ffee32;--ink:#03071e;--bg:#fdc500;--surface:#fff7c2;--fg:#03071e;--muted:#3d0066;--line:#e0a700;--accent:#5c0099;--accent-ink:#fff;--gold:#3d0066;--ok:#146c3a;--danger:#b3261e;
--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#03071e;--surface:#140a33;--fg:#fff7c2;--muted:#c86bfa;--line:#3d0066;--accent:#ffd500;--accent-ink:#03071e;--gold:#c86bfa;--ok:#4cc985;--danger:#ff7373;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.5}
[hidden]{display:none!important}
.wrap{max-width:600px;margin:0 auto;padding-inline:16px;padding-block:12px 110px;display:flex;flex-direction:column;gap:18px}
.top{display:flex;justify-content:flex-end}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang button{background:transparent;color:var(--muted);border-radius:0;padding:5px 11px;font-size:.8rem;font-weight:600}
.lang button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
h1{font-size:1.8rem;line-height:1.1;font-weight:800}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}
p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}
.bars{display:flex;align-items:flex-end;gap:3px;height:70px}.bars i{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.kpis div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.kpis b{display:block;font-size:1.3rem}
html.a11y{font-size:118%}html.a11y body{--muted:var(--fg)}html.a11y a{text-decoration:underline}html.a11y :focus-visible{outline-width:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#ckBar{position:fixed;left:12px;right:12px;bottom:72px;z-index:50;max-width:560px;margin:0 auto;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px}
#ckBar .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legalnav{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.85rem;margin-bottom:10px}
#stickyCta{position:fixed;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:40}#stickyCta button{width:100%;min-height:48px;box-shadow:0 6px 20px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skel{height:84px;border-radius:14px;background:linear-gradient(90deg,var(--line) 25%,transparent 50%,var(--line) 75%);background-size:200% 100%;animation:sk 1.4s infinite;opacity:.5}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.empty{flex-direction:column;align-items:flex-start;gap:8px;padding:18px}.empty h3{margin:0}.listh{font-size:1rem;margin:6px 0 0}.rohint{border:1px solid var(--accent);}
.cgrp{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:4px 0;display:flex;flex-direction:column;gap:8px}.cgrp.req{border-color:var(--accent)}.cgrp legend{font-size:.78rem;font-weight:700;padding:0 6px;text-transform:uppercase;letter-spacing:.04em}.cgrp p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.filters summary{cursor:pointer;display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px}.item:has(.evcta){flex-wrap:wrap}@media (max-width:560px){.evcta{flex-basis:100%}}.evcta{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.evcta button{min-height:44px;width:100%}.status{font-size:.82rem;font-weight:700}.status.open{color:var(--ok)}.fieldhelp{display:block;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:2px}
.item.featured{border:2px solid var(--gold)}.badge.gold{background:var(--gold);color:var(--bg)}
body.starter [data-plan=pro]{display:none!important}
.eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
form{display:flex;flex-direction:column;gap:12px}
label{font-weight:500;font-size:.9rem;display:flex;flex-direction:column;gap:4px}
input,select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);min-width:0;width:100%}
input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;min-width:18px;flex:0 0 18px;padding:0;margin:0;border:initial;border-radius:initial;background:initial;font:inherit;accent-color:var(--accent);cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:.85rem;color:var(--muted)}.check input{margin-top:3px}
button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;background:var(--accent);color:var(--accent-ink)}
button.ghost{background:transparent;color:var(--fg);border:1px solid var(--fg);padding:7px 11px;font-weight:500;font-size:.85rem}
button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:7px 11px;font-weight:500;font-size:.85rem}
button:disabled{opacity:.5;cursor:default}
.notice{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:.9rem;overflow-wrap:anywhere;white-space:pre-line}
.ok{color:var(--ok);font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:420px){.grid2{grid-template-columns:1fr}}
.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{background:transparent;color:var(--fg);border-radius:0;font-weight:500;padding:9px}
.seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.date{flex:none;width:52px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:4px 0;font-variant-numeric:tabular-nums}
.date b{display:block;font-family:var(--display);font-size:1.3rem;line-height:1.1}
.date span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.82rem;font-variant-numeric:tabular-nums}.chip b{color:var(--accent)}
.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.item{display:flex;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.item:first-child{border-top:0}
.item .who{flex:1;min-width:0;overflow-wrap:anywhere}
.win{box-shadow:inset 4px 0 0 var(--gold)}
.badge{font-size:.72rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.sent{color:var(--ok);border-color:var(--ok)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface)}
.stat b{display:block;font-family:var(--display);font-size:1.5rem;font-variant-numeric:tabular-nums}
.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--fg);border-top:1px solid var(--fg);display:flex;justify-content:center;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}
.tabs a{flex:1;max-width:150px;text-align:center;padding:8px 4px;border-radius:10px;color:var(--bg);opacity:.75;text-decoration:none;font-size:.82rem;font-weight:500}
.tabs a[aria-current="page"]{color:var(--bg);opacity:1;font-weight:700;box-shadow:inset 0 -3px 0 var(--mauve)}
.legal p,.legal li{font-size:.9rem}.legal ul{margin:0;padding-left:18px}
a{color:var(--accent)}
.foot{text-align:center;font-size:.8rem}
.poster{width:100%;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.thumb{flex:none;width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}