html.app{scrollbar-width:auto;--alto-barra: 56px}html.app::-webkit-scrollbar{display:initial}.app-barra{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:14px;height:var(--alto-barra);padding:0 16px;background:var(--paper);border-bottom:2px solid var(--ink)}@media(min-width:768px){.app-barra{padding:0 24px}}.app-marca{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}.app-logo{display:grid;place-items:center;width:30px;height:36px;border:2px solid var(--ink);border-radius:6px;background:var(--card);font-family:var(--font-display);font-weight:800;font-size:1.05rem;box-shadow:2px 2px 0 var(--ink);position:relative}.app-logo:after{content:"";position:absolute;right:4px;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--red)}.app-nombre{font-family:var(--font-hand);font-size:1.45rem;font-weight:700;color:var(--red);line-height:1}.app-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.app-nav a{padding:6px 12px;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}.app-nav a:hover{background:var(--paper-2)}.app-nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.app-acciones{display:flex;gap:6px;margin-left:auto}.app-nueva{font:inherit;font-size:.86rem;font-weight:700;padding:6px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.app-nueva:hover,.app-acciones form:first-child .app-nueva{background:var(--red);border-color:var(--red);color:#fff}.app-cuenta{display:flex;align-items:center;gap:10px;flex:none}.app-web{font-size:.85rem;color:var(--muted);text-decoration:none;white-space:nowrap}.app-web:hover{color:var(--ink)}.app-tema{width:32px;height:32px;border:1.5px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font-size:1rem}.app-tema .luna,:root[data-theme=dark] .app-tema .sol{display:none}:root[data-theme=dark] .app-tema .luna{display:inline}.app-yo{position:relative}.app-yo summary{list-style:none;cursor:pointer;font-size:.88rem;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap}.app-yo summary::-webkit-details-marker{display:none}.app-yo summary:after{content:" ▾";color:var(--muted)}.app-yo[open] summary,.app-yo summary:hover{background:var(--paper-2)}.app-yo-menu{position:absolute;right:0;top:calc(100% + 6px);display:grid;gap:2px;min-width:190px;padding:8px;background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);font-size:.9rem}.app-yo-menu>span{padding:4px 8px;font-size:.78rem}.app-yo-menu a,.app-yo-menu button{font:inherit;text-align:left;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--ink);text-decoration:none;cursor:pointer}.app-yo-menu a:hover,.app-yo-menu button:hover{background:var(--paper-2)}@media(max-width:760px){.app-web,.app-nombre{display:none}.app-barra:not([data-herramientas]){flex-wrap:wrap;height:auto;padding-block:8px;row-gap:8px}.app-barra:not([data-herramientas]) .app-nav{order:3;width:100%}}.app-herramientas{flex:1;min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.app-herramientas::-webkit-scrollbar{display:none}.app-aviso{position:fixed;top:calc(var(--alto-barra) + 12px);left:50%;transform:translate(-50%);z-index:80;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:.9rem;box-shadow:var(--shadow)}.fila-borrar button{font:inherit;font-size:.82rem;font-weight:600;padding:2px 0;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fila-borrar button:hover{color:var(--red)}dialog.confirmar{width:min(440px,calc(100vw - 32px));margin:auto;padding:28px 28px 24px;color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}dialog.confirmar::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent);backdrop-filter:blur(2px)}dialog.confirmar[open]{animation:confirmar-entra .14s ease-out}@keyframes confirmar-entra{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media(prefers-reduced-motion:reduce){dialog.confirmar[open]{animation:none}}.confirmar-palo{position:absolute;top:14px;right:18px;color:var(--red);font-size:.9rem}.confirmar-texto{font-family:var(--font-prose);font-size:1.12rem;line-height:1.5;padding-right:12px}.confirmar-botones{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.confirmar-botones .btn{padding:9px 16px}.confirmar-neutro{background:var(--ink);color:var(--paper)}