:root{--bg: #f5f6f8;--panel: #ffffff;--panel-2: #eef0f4;--text: #1b1e24;--muted: #5c636e;--accent: #c62828;--border: #d4d8e0;--secuencia-bg: #fbfbfd;--dashi-bg: #e3f0fb;--dashi-bd: #b6d4ec;--dashi-fg: #19507e;--ashi-bg: #e8f3df;--ashi-bd: #c4ddb0;--ashi-fg: #3b6b24;--bunkai-bg: #fbefd6;--bunkai-bd: #e3c488;--bunkai-fg: #8a5a12;--kime-bg: #ece4fb;--kime-bd: #cdbdee;--kime-fg: #5636a0;--espejo-bg: #dcf1f8;--espejo-bd: #a9d6e6;--espejo-fg: #176079;--tori-bg: #fbe6e6;--tori-fg: #b03535;--uke-bg: #e3eef5;--uke-fg: #2b6ca0}[data-theme=dark]{--bg: #0f1115;--panel: #181b22;--panel-2: #1f232c;--text: #e6e6e6;--muted: #9aa0aa;--accent: #e23b3b;--border: #2a2f3a;--secuencia-bg: #141821;--dashi-bg: #203040;--dashi-bd: #2d4a63;--dashi-fg: #cfe6ff;--ashi-bg: #26321f;--ashi-bd: #3f5a2d;--ashi-fg: #d7f0c2;--bunkai-bg: #3a2b10;--bunkai-bd: #5c4518;--bunkai-fg: #ffd9a0;--kime-bg: #2d2340;--kime-bd: #463566;--kime-fg: #d9c9ff;--espejo-bg: #10303a;--espejo-bd: #1d5063;--espejo-fg: #a0e4ff;--tori-bg: #2a1f1f;--tori-fg: #ff9b9b;--uke-bg: #1f262a;--uke-fg: #9bd1ff}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app{max-width:1000px;margin:0 auto;padding:1rem 1.25rem 4rem}header.top{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem;margin-bottom:1.5rem}header.top h1{font-size:1.25rem;margin:0;flex:1 1 auto}.top-acciones{display:flex;align-items:center;gap:.5rem;margin-left:auto}.tema-toggle,.menu-toggle{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.35rem .6rem;font-size:1.1rem;cursor:pointer;line-height:1}.tema-toggle:hover,.menu-toggle:hover{border-color:var(--accent)}.menu-toggle{display:inline-block}.tema-selector{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tema-opcion{background:var(--panel);color:var(--text);border:none;border-left:1px solid var(--border);padding:.35rem .55rem;font-size:1.05rem;line-height:1;cursor:pointer}.tema-opcion:first-child{border-left:none}.tema-opcion:hover{background:var(--secuencia-bg)}.tema-opcion.activo{background:var(--accent);color:#fff}.logo-ksk{height:42px;width:auto;border-radius:6px}.logo-escuela{height:1.4em;width:auto;vertical-align:middle;margin-left:.5rem;opacity:.9}.home-hero{text-align:center;padding:2rem 1rem 3rem}.home-logo{width:180px;max-width:60%;height:auto;margin-bottom:1.5rem}.home-hero h2{margin:.5rem 0}.home-hero .sub{max-width:640px;margin:.5rem auto}nav.main{position:fixed;top:0;left:0;height:100vh;width:240px;max-width:80vw;background:var(--panel);border-right:1px solid var(--border);box-shadow:2px 0 12px #00000040;display:flex;flex-direction:column;gap:.1rem;padding:1rem .8rem;z-index:1000;transform:translate(-100%);transition:transform .22s ease;overflow-y:auto}nav.main.abierto{transform:translate(0)}nav.main .nav-titulo{font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.5rem}nav.main a{color:var(--muted);font-weight:600;padding:.6rem .4rem;border-radius:6px}nav.main a.active,nav.main a:hover{color:var(--text);background:var(--panel-2)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}@media (min-width: 901px){.app.con-menu{padding-left:calc(240px + 1.25rem)}}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.breadcrumb span.sep{margin:0 .4rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;transition:border-color .15s,transform .1s}a.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{margin:0 0 .35rem;font-size:1.05rem}.card .sub{color:var(--muted);font-size:.85rem}.versiones{display:flex;flex-direction:column;gap:.25rem;margin-top:.6rem}.version-link{display:block;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.85rem;color:var(--text)}.version-link:hover{border-color:var(--accent);color:var(--accent)}.pill{display:inline-block;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;color:var(--muted);margin:.15rem .3rem .15rem 0}.detail h2{margin-top:0}.detail .meta{color:var(--muted);margin-bottom:1rem}.movimiento{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.movimiento .contador{font-weight:700;color:var(--accent);margin-bottom:.5rem}.parte{background:var(--panel-2);border-radius:8px;padding:.6rem .8rem;margin:.4rem 0}.parte .parte-titulo{font-weight:600;font-size:.85rem;color:var(--muted)}.texto-original{font-style:italic;color:var(--muted);border-left:3px solid var(--border);padding-left:.6rem;margin:.3rem 0 .6rem;font-size:.9rem}.galeria{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.galeria-item{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.4rem}.galeria-item img{display:block;max-width:320px;max-height:320px;border-radius:6px}.galeria-placeholder{background:var(--panel);border:1px dashed var(--border);border-radius:10px;padding:1.5rem;text-align:center;color:var(--muted);font-size:.9rem;margin:1rem 0}.secuencia{border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;margin-bottom:1.2rem;background:var(--secuencia-bg)}.secuencia-cabecera{font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.4rem;margin-bottom:.6rem}.tarjeta-con-logo{display:flex;align-items:center;gap:1.2rem}.tarjeta-cuerpo{flex:1 1 auto;min-width:0}.tarjeta-logo{flex:0 0 auto;width:140px;max-width:35%;height:auto;object-fit:contain;align-self:center}@media (max-width: 640px){.tarjeta-con-logo{flex-direction:column;align-items:stretch}.tarjeta-logo{max-width:50%;align-self:center}}.conteo{margin:.5rem 0 .8rem;padding-left:.6rem;border-left:2px solid var(--border)}.conteo-cabecera{font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:.3rem}.mov-resumen{font-size:.92rem}.mov-linea{padding:.1rem 0}.detalle-wrap{position:relative;display:inline-block}.detalle-icono{margin-left:.5rem;cursor:help;color:var(--accent);font-weight:700}.mov-detalle{display:none;position:absolute;z-index:50;left:0;top:100%;margin-top:.3rem;min-width:420px;max-width:640px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;box-shadow:0 6px 20px #0000004d;padding:.7rem .9rem;font-weight:400}.detalle-wrap:hover .mov-detalle{display:block}.mov-detalle .repite{color:var(--muted);opacity:.6}.mov-detalle .texto-original-cell{font-style:italic;color:var(--muted)}.mov-detalle .det-lado,.mov-linea .seg-etiqueta{color:var(--muted)}.mov-linea .seg-lado{color:var(--text)}.mov-linea .seg-transicion,.mov-linea .seg-altura{font-style:italic}.mov-linea .seg-prefijo{color:var(--muted)}.mov-linea .seg-valor{font-weight:700}.mov-linea .seg-sufijo{color:var(--muted)}.mov-nota{font-style:italic;color:var(--muted);opacity:.95}.leyenda{font-size:.8rem;margin:.3rem 0 1rem}.videos-kata{margin:.5rem 0 1rem}.videos-kata h3{margin:0 0 .3rem}.videos-kata ul{margin:0;padding-left:1.1rem}.videos-kata li{margin:.2rem 0}.bunkai-link{background:var(--bunkai-bg);border:1px solid var(--bunkai-bd);border-radius:8px;padding:.5rem .8rem;margin:.5rem 0 1rem}.bunkai-link a{color:var(--bunkai-fg);font-weight:600}.dim{font-size:.9rem;margin:.2rem 0}.dim .dim-k{color:var(--muted)}.cambia{font-weight:700;opacity:1}.cambia.parte{border-color:var(--accent)}.hereda{font-weight:400;opacity:.5}.partes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;margin:.4rem 0}.bloque{background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;padding:.5rem .7rem;margin:.35rem 0}.bloque-titulo{font-weight:600;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.bloque.cambia{border-color:var(--accent);opacity:1;font-weight:400}.bloque.cambia .bloque-titulo{color:var(--accent)}.bloque.hereda{border-color:var(--border);opacity:.5}.bloque.hereda .bloque-titulo{color:var(--muted)}.pill-dashi{background:var(--dashi-bg);border-color:var(--dashi-bd);color:var(--dashi-fg)}.pill-ashi{background:var(--ashi-bg);border-color:var(--ashi-bd);color:var(--ashi-fg)}.pill-bunkai{background:var(--bunkai-bg);border-color:var(--bunkai-bd);color:var(--bunkai-fg)}.pill-link{cursor:pointer;text-decoration:none}.pill-link:hover{outline:1px solid var(--accent)}.pill-kime{background:var(--kime-bg);border-color:var(--kime-bd);color:var(--kime-fg);margin-left:.5rem}.pill-kime-tension{background:#fbeedd;border-color:#e3bd8a;color:#b5641a}.pill-kime-velocidad{background:#e3edfb;border-color:#a9c4e3;color:#2a5aa8}.pill-kime-natural{background:#e6f3e6;border-color:#aed4ae;color:#2f7a3f}[data-theme=dark] .pill-kime-tension{background:#3a2a16;border-color:#5c4423;color:#ffbc70}[data-theme=dark] .pill-kime-velocidad{background:#1f2a3a;border-color:#2d4a63;color:#9bc4ff}[data-theme=dark] .pill-kime-natural{background:#1f2f1f;border-color:#2d4a2d;color:#9bd79b}.pill-resp{background:var(--dashi-bg);border-color:var(--dashi-bd);color:var(--dashi-fg);margin-left:.4rem;font-size:.72rem}.pill-kiai{background:var(--accent);border-color:var(--accent);color:#fff;margin-left:.4rem;font-size:.72rem;font-weight:700}.pill-pausa{background:var(--panel-2);border-color:var(--border);color:var(--muted);margin-left:.4rem;font-size:.72rem}.pill-espejo{background:var(--espejo-bg);border-color:var(--espejo-bd);color:var(--espejo-fg);margin-left:.5rem}.contador .rol{display:inline-block;font-size:.75rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;margin-right:.5rem}.contador .rol-tori{background:var(--tori-bg);color:var(--tori-fg)}.contador .rol-uke{background:var(--uke-bg);color:var(--uke-fg)}.pill.cambia{outline:2px solid var(--accent)}.pill.hereda{opacity:.5}.bunkais{margin-top:.6rem;border-top:1px dashed var(--border);padding-top:.6rem}.bunkais-cabecera{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bunkai{margin:.5rem 0}.bunkai-variante{font-weight:600;margin:.3rem 0}.accion{display:flex;align-items:baseline;gap:.5rem;padding:.3rem .5rem;border-radius:6px;margin:.2rem 0;font-size:.9rem}.accion .rol{font-weight:700;min-width:3.2rem}.accion-tori{background:var(--tori-bg)}.accion-tori .rol{color:var(--tori-fg)}.accion-uke{background:var(--uke-bg)}.accion-uke .rol{color:var(--uke-fg)}.accion-texto{color:var(--text)}.accion-responde{margin-left:2rem;border-left:2px solid var(--accent)}.loading,.error{padding:2rem 0;color:var(--muted)}.error{color:var(--accent)}table.kv{border-collapse:collapse;font-size:.85rem}table.kv td{padding:.15rem .6rem .15rem 0;vertical-align:top}table.kv td.k{color:var(--muted);white-space:nowrap}@media (max-width: 640px){.app{padding:1rem .8rem 3rem}header.top h1{font-size:1.05rem}.grid{grid-template-columns:1fr}table.kv{width:100%}.accion{flex-wrap:wrap}.galeria-item img{max-width:100%}}