:root,[data-theme=dark]{--bg:#101218;--surface:#181b23;--surface-2:#20242f;--border:#2c3140;--text:#eae5d8;--muted:#9a9db0;--accent:#d19a3f;--accent-soft:#d19a3f26;--danger:#c05b4d;--ok:#6ea87a;--shadow:0 4px 24px rgba(0,0,0,0.45)}[data-theme=light]{--bg:#f5f1e8;--surface:#fffdf7;--surface-2:#efe9dc;--border:#d8d0bf;--text:#2a2620;--muted:#6f6a5e;--accent:#a3701f;--accent-soft:#a3701f1f;--danger:#a4402f;--ok:#3f7a4e;--shadow:0 4px 18px rgba(90,80,60,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.6}h1,h2,h3{font-weight:600;letter-spacing:.01em;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.container{max-width:980px;margin:0 auto;padding:1rem 1.25rem 3rem}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.25rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{font-size:1.15rem;letter-spacing:.14em}.brand em{font-style:normal;color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:.5rem}.chip{font-family:system-ui,sans-serif;font-size:.72rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip.ok{color:var(--ok);border-color:var(--ok)}.chip.warn{color:var(--accent);border-color:var(--accent)}.chip.mal{color:var(--danger);border-color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:.35rem}.chip-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;flex:none}.theme-toggle{background:none;border:1px solid var(--border);border-radius:999px;color:var(--text);padding:.25rem .65rem;font-size:.9rem}.theme-toggle:hover{border-color:var(--accent)}.hero{text-align:center;padding:2.2rem 0 1.4rem}.hero h1{font-size:1.9rem;margin:0 0 .4rem}.hero p{color:var(--muted);margin:0}.intents{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.9rem;gap:.9rem;margin-top:1.8rem}.intent-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;color:var(--text);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.intent-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.intent-card:disabled{opacity:.55;cursor:default}.intent-card h3{margin:0 0 .3rem;font-size:1.05rem}.intent-card p{margin:0;font-size:.85rem;color:var(--muted);font-family:system-ui,sans-serif}.intent-card .fase{display:inline-block;margin-top:.6rem;font-family:system-ui,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:.1rem .45rem}.flujo-top{align-items:center;gap:.75rem;margin:.8rem 0 1rem}.flujo-top,.stepper{display:flex;flex-wrap:wrap}.stepper{gap:.35rem}.step{font-family:system-ui,sans-serif;font-size:.75rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:none;color:var(--muted)}.step .num{display:inline-block;width:1.1rem;height:1.1rem;line-height:1.1rem;text-align:center;border-radius:50%;background:var(--surface-2);margin-right:.25rem;font-size:.68rem}.step.activo{color:var(--text);border-color:var(--accent)}.step.activo .num{background:var(--accent);color:#14120c}.step.hecho{color:var(--accent);cursor:pointer}.step:disabled{cursor:default}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem 1.5rem 1.6rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 .6rem;font-size:1.35rem}.campo{display:block;font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .35rem}input[type=text],textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.98rem;padding:.55rem .7rem;line-height:1.5}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical}.tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.55rem;gap:.55rem}.tipo-card{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem;color:var(--text)}.tipo-card span{font-family:system-ui,sans-serif;font-size:.72rem;color:var(--muted)}.tipo-card.activo{border-color:var(--accent);background:var(--accent-soft)}.acciones{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.btn{font-family:system-ui,sans-serif;font-size:.88rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.principal{background:var(--accent);border-color:var(--accent);color:#14120c;font-weight:600}.btn.sutil{background:none;border:none;color:var(--muted);padding:.3rem .4rem}.btn.sutil:hover{color:var(--accent)}.ayuda{font-family:system-ui,sans-serif;font-size:.82rem;color:var(--muted);margin-top:.9rem}.ayuda.ok{color:var(--ok)}.error{background:color-mix(in srgb,var(--danger) 16%,transparent);border:1px solid var(--danger);border-radius:8px;padding:.6rem .9rem;font-family:system-ui,sans-serif;font-size:.85rem;margin-bottom:1rem}.ficha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:0 1rem;gap:0 1rem}.ficha-item.ancho{grid-column:1/-1}.detalle{margin-top:1rem;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--muted)}.detalle summary{cursor:pointer;color:var(--accent)}.trama dt{font-family:system-ui,sans-serif;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:.9rem}.trama dd{margin:.25rem 0 0}.trama ol,.trama ul{margin:.25rem 0 0 1.1rem;padding:0}.cabecera-texto{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.texto-final{max-width:66ch;margin:0 auto;font-size:1.05rem}.texto-final p{margin:0 0 1.1em}.editor{font-size:1rem;line-height:1.7}.lista-versiones{list-style:none;margin:.4rem 0 0;padding:0}.lista-versiones li{border-top:1px solid var(--border);padding:.45rem 0}.lista-versiones li.actual .version-info strong{color:var(--accent)}.version-fila{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:baseline}.version-info{color:var(--muted)}.version-acciones{display:flex;gap:.3rem}.version-preview{margin:.4rem 0 0;padding:.5rem .8rem;border-left:2px solid var(--accent);color:var(--muted);font-size:.92rem}.version-preview p{margin:0 0 .5em}.lista-proyectos{list-style:none;margin:0;padding:0}.lista-proyectos li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;border-top:1px solid var(--border);padding:.65rem 0}.lista-proyectos li:first-child{border-top:none}.proyecto-info{display:flex;flex-direction:column;gap:.1rem}.login-stage{display:flex;justify-content:center;padding:3rem 1rem}.login-card{width:100%;max-width:420px}.login-heading{text-align:center;font-size:1.5rem;letter-spacing:.12em;margin:0 0 .4rem}.login-heading em{font-style:normal;color:var(--accent)}.login-lead{text-align:center;margin-top:0}.cubiertas{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:.5rem}.cubierta{flex:1 1 240px;max-width:300px}.cubierta-svg svg{width:100%;height:auto;border-radius:6px;box-shadow:var(--shadow);display:block}.cubierta-vacia{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:6px;color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem}select{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;padding:.5rem .7rem;flex:1 1 260px}select:focus{outline:none;border-color:var(--accent)}body.sin-scroll{overflow:hidden}.enfoque{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center}.enfoque-columna{width:min(68ch,92vw);flex:1 1;display:flex;flex-direction:column;padding-top:3.5rem}.enfoque-titulo{font-size:1.05rem;color:var(--muted);letter-spacing:.06em;margin-bottom:1rem;text-align:center}.enfoque textarea{flex:1 1;width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.18rem;line-height:1.85;padding-bottom:4rem}.enfoque-salir{position:fixed;top:1rem;right:1.2rem;background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);width:2.2rem;height:2.2rem;font-size:1rem;opacity:.5}.enfoque-salir:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.enfoque-pie{position:fixed;bottom:.8rem;right:1.2rem;font-family:system-ui,sans-serif;font-size:.75rem;color:var(--muted);opacity:.55}@media (max-width:640px){.enfoque-columna{padding-top:2.6rem}.enfoque textarea{font-size:1.05rem;line-height:1.75}}.texto-cambios .salto{display:block;height:1.1em}.texto-cambios del{color:var(--danger);text-decoration:line-through;background:color-mix(in srgb,var(--danger) 12%,transparent);border-radius:3px;padding:0 2px}.texto-cambios ins{color:var(--ok);text-decoration:none;background:color-mix(in srgb,var(--ok) 14%,transparent);border-radius:3px;padding:0 2px}.del-ejemplo{color:var(--danger)}.ins-ejemplo{color:var(--ok);text-decoration:none}.cambio{white-space:pre-wrap}.cambio-botones{display:inline-flex;gap:2px;margin:0 3px;vertical-align:super}.cambio-botones button{font-size:.62rem;line-height:1;padding:2px 5px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer}.cambio-botones button.on{border-color:var(--accent);color:var(--accent)}.cambio.decidido-rechazar del{text-decoration:none;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--text)}.cambio.decidido-rechazar ins{text-decoration:line-through;opacity:.45}.cambios-view{margin-top:1rem}.leyenda{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0 1rem}.leyenda-item{font-family:system-ui,sans-serif;font-size:.75rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer}.leyenda-item.off{opacity:.35}mark{border-radius:3px;padding:0 2px;cursor:pointer;color:inherit}mark.activa{outline:2px solid var(--accent)}.marca-gramatica{background:color-mix(in srgb,var(--danger) 22%,transparent);border-bottom:2px solid var(--danger)}.marca-estilo{background:color-mix(in srgb,var(--accent) 22%,transparent);border-bottom:2px solid var(--accent)}.marca-estructura{background:color-mix(in srgb,#5b8bd9 25%,transparent);border-bottom:2px solid #5b8bd9}.marca-positivo{background:color-mix(in srgb,var(--ok) 20%,transparent);border-bottom:2px solid var(--ok)}.leyenda-item.marca-estilo,.leyenda-item.marca-estructura,.leyenda-item.marca-gramatica,.leyenda-item.marca-positivo{border-bottom-width:2px}.marca-detalle{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:.7rem .9rem;margin-top:.8rem;font-family:system-ui,sans-serif;font-size:.9rem}.marca-detalle .etiqueta{font-weight:700;padding:.05rem .35rem;border-radius:4px}.reescritura{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}.reescritura input{flex:1 1 260px}.unidad-abierta{margin-top:1.4rem;border-top:2px solid var(--accent);padding-top:1rem}body{overflow-x:hidden}.container>*,.panel,.panel>*{min-width:0;max-width:100%}.ayuda,.detalle,.intent-card p,.lista-proyectos li,.lista-versiones li,.marca-detalle,.proyecto-info,.texto-final,.texto-final p,.trama dd,.trama dt,.version-preview,del,h1,h2,h3,ins,mark{overflow-wrap:break-word;word-break:break-word}.detalle p.ayuda{overflow-wrap:anywhere}@media (max-width:640px){body,html{font-size:16px}.container{padding:.75rem .9rem 2.5rem}.topbar{padding:.5rem .75rem;gap:.4rem}.brand{font-size:.92rem;letter-spacing:.06em;white-space:nowrap}.topbar .chip .chip-text{display:none}.topbar .chip{padding:.3rem;border-radius:50%}.theme-toggle{min-width:2.2rem;min-height:2.2rem}.hero{padding:1.2rem 0 .8rem}.hero h1{font-size:1.3rem}.hero p{font-size:.95rem}.intents{grid-template-columns:1fr;gap:.7rem}.panel{padding:1rem .8rem 1.2rem}.panel h2{font-size:1.15rem}.cabecera-texto h2,.cabecera-texto h3{font-size:1.1rem}.tipos{grid-template-columns:1fr 1fr}.ficha-grid{grid-template-columns:1fr}.cubiertas{gap:.8rem}.cubierta{max-width:100%}.reescritura input,select{flex-basis:100%}.acciones .btn{flex:1 1 auto;min-height:44px}.btn.sutil{min-height:40px}.version-acciones{gap:.15rem}.cambio-botones button{padding:6px 9px;font-size:.72rem}.leyenda-item{min-height:40px}.step{min-height:36px}input[type=text],select,textarea{font-size:16px}.flujo-top{gap:.4rem}.stepper{flex-wrap:wrap}.texto-final{max-width:100%;font-size:1rem}}