:root{--bg:#f7f4ed;--card:#fff;--ink:#243044;--muted:#69758a;--blue:#3d7dd8;--green:#2e9d59;--pink:#d96c9f;--warn:#f4b35f;--bad:#e76f51;--line:#e8dfd1;--soft:#f6f9ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fbf7ef 0%,#eef7ff 100%);font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:17px}.top{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.brand b,.top b{font-size:21px}.top span{display:block;color:var(--muted);font-size:12px}.top a{margin-left:10px;text-decoration:none;color:var(--blue);font-weight:800}.wrap{max-width:1120px;margin:0 auto;padding:24px}.hero{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;display:flex;align-items:center;gap:18px;margin-bottom:18px;box-shadow:0 12px 30px rgba(25,35,50,.07)}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;color:var(--muted);font-size:20px;line-height:1.4}.hero-emoji,.big-emoji{font-size:56px;line-height:1}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:24px;margin:0 0 18px;box-shadow:0 10px 24px rgba(25,35,50,.06)}.focus-card{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.content-card{text-align:center}.visual{font-size:64px;margin-bottom:10px}.content-card h2{font-size:24px;margin:12px 0 8px}.short-text{font-size:18px;line-height:1.45;color:#41506a;min-height:52px}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.steps span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800;color:#48617f}.btn{display:inline-block;border:0;border-radius:17px;background:var(--blue);color:#fff;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer;font-size:16px}.bigBtn{width:100%;max-width:320px;text-align:center;padding:16px 22px;font-size:18px}.btn.green{background:var(--green)}.btn.pink{background:var(--pink)}.btn.warn{background:var(--warn);color:#2b220e}.btn.bad{background:var(--bad)}.btn.light{background:#eef4ff;color:#1d4f91}.field{width:100%;padding:15px;border:2px solid #ded7cc;border-radius:17px;margin:8px 0 16px;background:#fff;font-size:18px}textarea.field{min-height:120px}.codebox{min-height:390px;font-family:Consolas,monospace;font-size:15px}.answer{font-size:22px}.muted{color:var(--muted);line-height:1.45}.pill{display:inline-block;padding:7px 11px;border-radius:999px;background:#eef4ff;color:#315e9f;font-weight:800;font-size:13px}.mini{display:inline-block;color:var(--muted);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.progress{height:18px;border-radius:999px;background:#edf0f5;overflow:hidden;margin:14px 0}.bar{height:100%;background:linear-gradient(90deg,var(--green),var(--blue));width:0}.timerBox{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.timer-card{text-align:center}.clock{font-size:48px;font-weight:900;min-width:150px}.study-card{max-width:860px;margin-left:auto;margin-right:auto}.section-top{display:flex;gap:16px;align-items:center;margin-bottom:12px}.section-emoji,.question-emoji,.word-emoji{font-size:58px;width:78px;height:78px;border-radius:22px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.study-card h2,.question-card h2,.word-card h2{font-size:28px;margin:6px 0 12px}.study-text{font-size:22px;line-height:1.55;background:#fbfcff;border:1px solid #e7edf7;border-radius:20px;padding:18px;margin:12px 0}.example-box,.memory-box,.hint,.visual-help{border-radius:20px;padding:16px 18px;margin-top:14px;line-height:1.5}.example-box{background:#fff8e8;border:1px solid #f2dcaa}.memory-box{background:#eef9f1;border:1px solid #bee8c9;font-size:20px}.hint{background:#fff8e8;border:1px solid #f2dcaa}.visual-help{background:#f3f0ff;border:1px solid #d9d0ff;color:#4d3d8f}.question-card,.word-card{max-width:800px;margin-left:auto;margin-right:auto}.question-card form{margin:0}.simple-def{font-size:22px;line-height:1.45;color:#3f4d63}.action-card{text-align:center}.notice{padding:14px 16px;border-radius:17px;background:#fff6df;border:1px solid #f3dda6;line-height:1.45}.ok{background:#eaf8ef!important;border-color:#bfe9cc!important}.err{background:#fff0ed!important;border-color:#ffc8bd!important}.warnbox{background:#fff7e5!important;border-color:#f2d19a!important}.soft-note{background:#fbfcff}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:11px;text-align:left}.bigChoice{display:block;width:100%;text-align:left;margin:10px 0;padding:16px;border-radius:18px;border:2px solid var(--line);background:#fff;cursor:pointer;font-size:19px}.bigChoice:hover{background:#f6f9ff}.flash{animation:flashBg .6s alternate 4}@keyframes flashBg{from{background:#fff7cf}to{background:#eaf7ff}}@media(max-width:700px){body{font-size:16px}.top{display:block}.top nav{margin-top:10px}.top a{display:inline-block;margin:6px 8px 0 0}.wrap{padding:14px}.hero{align-items:flex-start;padding:18px}.hero h1{font-size:28px}.hero p{font-size:18px}.hero-emoji{font-size:46px}.clock{font-size:38px}.study-text{font-size:20px}.section-emoji,.question-emoji,.word-emoji{width:64px;height:64px;font-size:44px}.section-top{align-items:flex-start}.bigBtn{max-width:none}}

/* Mejoras V3: apoyo visual por URL, espacios y editor */
.image-wrap{margin:18px auto;max-width:560px;border-radius:24px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,.08)}
.image-wrap img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#fff}
.image-preview{margin:12px 0;max-width:260px;border-radius:18px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}
.image-preview img{width:100%;height:auto;display:block}
.formgrid{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}
.today-card{border:2px solid #fde68a;background:linear-gradient(180deg,#fffbeb,#ffffff)}
.focus-card p{max-width:720px;line-height:1.55}.question-card h2{font-size:1.45rem;line-height:1.25}.soft-note{background:#f8fafc;border-color:#e5e7eb}.add-card{border-style:dashed}.compact{min-height:78px}.answer{min-height:96px}.bigBtn{font-size:1.04rem;padding:13px 18px}
@media(max-width:700px){.formgrid{grid-template-columns:1fr}.image-wrap img{max-height:250px}.question-card h2{font-size:1.25rem}}