:root,[data-theme=posada]{--bg:#fff;--fg:#2d1b14;--muted:#7a6558;--surface:#fff;--line:#e7e2dc;--accent:#d1342f;--accent-fg:#fff;--yes:#1f9d55;--yes-fg:#fff;--no:#e11d48;--no-fg:#fff;--gold:#f5b83d;--gold-fg:#3a2600;--hero:linear-gradient(135deg, #d1342f 0%, #f2802a 100%);--hero-fg:#fff;--hero-control:#fff3;--shadow:0 1px 6px #2d1b141a;--radius-card:16px;--radius-control:12px;--radius-pill:999px;--ring-width:2px;--step-height:6px;--max-width:480px;--tap-min:44px;--tap-min-compact:32px;--icon-size:20px;--icon-size-sm:14px;--opacity-muted:.5;--space-2xs:2px;--space-xs:6px;--space-sm:8px;--space-md:12px;--space-lg:16px;--font:system-ui, sans-serif;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-title:24px;--weight-strong:600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=posada][data-mode=dark]{--bg:#0f1218;--fg:#eef2f7;--muted:#9aa6b8;--surface:#1a1f29;--line:#2e3644;--accent:#ff7a6b;--accent-fg:#2a0f0b;--yes:#34d399;--yes-fg:#052e1b;--no:#fb7185;--no-fg:#3a0a14;--gold:#fbbf24;--gold-fg:#3a2600;--hero:linear-gradient(135deg, #8f1d1b 0%, #c2571a 100%);--shadow:0 2px 10px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{overflow-wrap:anywhere;background:var(--bg);min-height:100dvh;color:var(--fg);font:var(--text-md)/1.4 var(--font);margin:0}main{max-width:var(--max-width);padding:max(var(--space-lg), env(safe-area-inset-top)) max(var(--space-lg), env(safe-area-inset-right)) max(var(--space-lg), env(safe-area-inset-bottom)) max(var(--space-lg), env(safe-area-inset-left));gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}h1{font-size:var(--text-title);margin:0}h2{font-size:var(--text-lg);margin:0}p{margin:0}a{color:var(--accent)}input,textarea{width:100%;padding:var(--space-md);font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:var(--ring-width) solid var(--accent);outline-offset:var(--ring-width)}textarea{resize:vertical}label{gap:var(--space-xs);font-size:var(--text-sm);color:var(--muted);flex-direction:column;display:flex}label.check{align-items:center;gap:var(--space-sm);font-size:var(--text-md);color:var(--fg);flex-direction:row}label.check input{width:auto}button,.primary{font:inherit;color:inherit;min-height:var(--tap-min);padding:0 var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:var(--weight-strong);box-shadow:var(--shadow);justify-content:center;align-items:center;text-decoration:none;display:flex}button.on{border-color:var(--accent);box-shadow:inset 0 0 0 var(--ring-width) var(--accent)}button.yes.on{background:var(--yes);border-color:var(--yes);color:var(--yes-fg);box-shadow:none}button.maybe.on{background:var(--gold);border-color:var(--gold);color:var(--gold-fg);box-shadow:none}button.no.on{background:var(--no);border-color:var(--no);color:var(--no-fg);box-shadow:none}button.link{min-height:var(--tap-min-compact);color:var(--accent);background:0 0;border:0;align-self:flex-start;padding:0}button:disabled{opacity:var(--opacity-muted);cursor:default}.row{gap:var(--space-sm);display:flex}.row>*{flex:1;min-width:0}.add-row{gap:var(--space-sm);display:flex}.add-row input{flex:1;min-width:0}.stack{gap:var(--space-sm);flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--hero);color:var(--hero-fg);border-radius:var(--radius-card);box-shadow:var(--shadow);display:flex}.topbar a{color:inherit;font-weight:var(--weight-strong);font-size:var(--text-lg);line-height:1.2;text-decoration:none}.topbar button{width:var(--tap-min);min-height:var(--tap-min);background:var(--hero-control);color:inherit;border-color:#0000;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.page-title{gap:var(--space-xs);padding:var(--space-md) 0 0;flex-direction:column;display:flex}.card{gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-direction:column;display:flex}.card.pending{opacity:var(--opacity-muted)}a.card{color:inherit;text-decoration:none}.opt{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--line);flex-direction:column;display:flex}.notes{color:var(--muted);font-size:var(--text-sm);white-space:pre-line}.muted{color:var(--muted);font-size:var(--text-sm)}.win{font-size:var(--text-xl);font-weight:var(--weight-strong);color:var(--yes)}.badge{padding:var(--space-2xs) var(--space-sm);background:var(--gold);color:var(--gold-fg);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-strong);align-self:flex-start}.badge.soft{background:var(--line);color:var(--fg)}.steps{gap:var(--space-xs);display:flex}.steps span{height:var(--step-height);border-radius:var(--radius-pill);background:var(--line);flex:1}.steps span.done{background:var(--accent)}.chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);background:var(--line);border-radius:var(--radius-pill);display:inline-flex}.chip button{min-height:var(--tap-min-compact);padding:0 var(--space-sm);background:0 0;border:0}.ranking{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ranking li{gap:var(--space-2xs);flex-direction:column;display:flex}.bar{height:var(--step-height);border-radius:var(--radius-pill);background:var(--line);display:block;overflow:hidden}.bar>span{background:var(--yes);height:100%;display:block}.calendar{gap:var(--space-xs);text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.day{min-height:var(--tap-min);flex-direction:column;justify-content:center;align-items:center;padding:0;line-height:1.1;display:flex}.day svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.day.off{color:var(--muted);opacity:var(--opacity-muted);justify-content:center;align-items:center;display:flex}.month{display:block}.month:first-letter{text-transform:uppercase}button.link.inline{min-height:0;display:inline}.toast-slot{left:0;right:0;bottom:var(--space-lg);pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);background:var(--yes);color:var(--yes-fg);border-radius:var(--radius-pill);font-weight:var(--weight-strong);box-shadow:var(--shadow);margin:0}.toast.failed{background:var(--no);color:var(--no-fg)}.with-icon{justify-content:center;align-items:center;gap:var(--space-xs);display:inline-flex}.skeleton{height:var(--text-md);border-radius:var(--radius-control);background:linear-gradient(90deg, var(--line) 25%, var(--bg) 50%, var(--line) 75%);background-size:200% 100%;animation:1.2s linear infinite shimmer;display:block}.skeleton:nth-child(2n){width:70%}.skeleton.title{width:60%;height:var(--text-title)}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.password{position:relative}.password input{padding-right:var(--tap-min)}.password button{width:var(--tap-min);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}.bar.no>span{background:var(--no)}.ranking li.best>span:first-child{font-weight:var(--weight-strong)}.brush button{border-color:var(--line)}
