:root{
  --bg:#0b1020;--panel:#11182a;--panel2:#151d31;--panel3:#1b2440;--text:#f4f6fb;--muted:#8f9ab3;
  --line:#26314d;--accent:#796bff;--accent2:#a59cff;--good:#43d39e;--warn:#ffbd59;--danger:#ff667d;
  --white:#fff;--shadow:0 18px 45px rgba(0,0,0,.22);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:28px 18px 20px;border-right:1px solid var(--line);background:#0d1324;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{width:42px;height:42px}.brand strong{display:block;font-size:18px;letter-spacing:-.4px}.brand span{font-size:11px;color:var(--muted);display:block;margin-top:2px}.side-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aeb8cf;border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:650}.nav-item span{width:22px;text-align:center;color:#8490aa}.nav-item:hover{background:#151d31;color:#fff}.nav-item.active{background:#1d2741;color:#fff}.nav-item.active span{color:var(--accent2)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.profile-mini{display:flex;gap:10px;align-items:center;padding:16px 10px 0}.avatar{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:var(--accent);font-weight:800}.profile-mini b{display:block;font-size:12px}.profile-mini small{display:block;color:var(--muted);font-size:10px;margin-top:2px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main{grid-column:2;min-width:0;padding:28px 38px 52px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#8f86ff}.topbar h1{font-size:28px;letter-spacing:-.7px;margin:0}.top-actions{display:flex;gap:10px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:#fff;background:var(--panel2);font-size:23px;display:grid;place-items:center}.icon-btn:hover{border-color:#554bc5}.btn{border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-weight:750;background:var(--panel2);color:var(--text)}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn.ghost{background:transparent}.btn.soft{background:#201e42;border-color:#38306f;color:#c8c3ff}.btn.good{background:rgba(67,211,158,.12);border-color:rgba(67,211,158,.28);color:#7ce6be}.btn.small{padding:7px 10px;font-size:12px}.text-btn{border:0;background:transparent;color:#aaa3ff;font-weight:700;padding:10px}.view{display:none}.view.active{display:block}
.hero{border:1px solid #2b3555;border-radius:28px;padding:30px;background:linear-gradient(135deg,#161e36 0%,#15182d 62%,#211c46 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border:44px solid rgba(121,107,255,.08);border-radius:50%;right:-70px;top:-105px}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;align-items:center;position:relative;z-index:1}.hero h2{font-size:36px;line-height:1.08;letter-spacing:-1.2px;margin:9px 0 12px;max-width:680px}.hero p{color:#aeb8cf;max-width:630px;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:22px}.today-card{background:rgba(10,14,28,.62);border:1px solid #343c5b;border-radius:20px;padding:22px}.today-card .day{font-size:11px;color:#9b93ff;font-weight:850;letter-spacing:1.2px}.today-card h3{margin:8px 0 7px;font-size:20px}.today-card p{font-size:13px;margin:0;color:#909bb5}.progress-line{height:7px;background:#232c46;border-radius:100px;overflow:hidden;margin-top:18px}.progress-line span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.stat .stat-icon{width:34px;height:34px;border-radius:11px;background:#1d2643;display:grid;place-items:center;margin-bottom:14px}.stat strong{font-size:26px;display:block;letter-spacing:-.7px}.stat span{font-size:12px;color:var(--muted)}.section-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:16px}.muted{color:var(--muted)}.mini-list{display:grid;gap:10px}.mini-item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#131b2f;border:1px solid #202a44}.mini-item .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.mini-item b{font-size:13px;display:block}.mini-item small{color:var(--muted)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{flex:1;min-width:220px;position:relative}.search input,.field,input,select,textarea{width:100%;border:1px solid var(--line);background:#0f1628;color:var(--text);border-radius:12px;padding:11px 13px;outline:none}.search input:focus,input:focus,select:focus,textarea:focus{border-color:#5f56c8}.filter-select{min-width:150px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.study-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;position:relative}.study-card:hover{border-color:#384563}.card-top{display:flex;justify-content:space-between;gap:12px}.tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:100px;background:#1d2642;color:#aab6d0;font-size:10px;font-weight:800}.fav{border:0;background:transparent;color:#56617a;font-size:20px;padding:0}.fav.on{color:#ffd36d}.study-card h3{margin:14px 0 7px;font-size:19px;line-height:1.35}.translation{color:#b4bed2;font-size:14px;line-height:1.5;margin:0}.pron{font-size:13px;color:#938bff;margin:10px 0 0;font-weight:650}.card-actions{display:flex;gap:7px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #222c46;flex-wrap:wrap}.round-btn{border:1px solid #303a56;background:#171f34;color:#cbd3e5;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.round-btn:hover{background:#222c47}.round-btn.done{color:#7ce6be;border-color:#285a4b}.card-menu{margin-left:auto}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px;min-height:245px;display:flex;flex-direction:column}.plan-card.today{border-color:#6459e8;background:#151936}.plan-day{display:flex;justify-content:space-between;align-items:center}.plan-day span:first-child{font-size:27px}.plan-day b{font-size:11px;color:#9da7bd;text-transform:uppercase;letter-spacing:1px}.plan-card h3{font-size:18px;margin:15px 0 9px}.plan-card .time{color:#9189ff;font-size:12px;font-weight:800}.task-list{display:grid;gap:7px;margin:16px 0}.task{font-size:12px;color:#aeb7cc;display:flex;gap:8px}.task:before{content:"";width:5px;height:5px;border-radius:50%;background:#65708a;margin-top:6px;flex:none}.plan-card .btn{margin-top:auto}.plan-card.completed{opacity:.72}.plan-card.completed .btn{background:rgba(67,211,158,.12);color:#75dfb7;border-color:#28604e}
.practice-home{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.practice-hero{padding:28px;background:#171d36;border:1px solid #31395b;border-radius:24px}.practice-hero h2{font-size:30px;margin:10px 0}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.mode-card{border:1px solid var(--line);background:#11182b;border-radius:16px;padding:15px;text-align:left;color:var(--text)}.mode-card:hover{border-color:#6259d4}.mode-card b{display:block;margin-bottom:5px}.mode-card small{color:var(--muted)}.practice-side{display:grid;gap:12px}.practice-session{max-width:760px;margin:0 auto}.session-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center}.question-kicker{color:#8d86f7;font-weight:800;font-size:11px;letter-spacing:1.1px}.question-main{font-size:27px;line-height:1.4;margin:18px auto;max-width:620px}.answer-input{max-width:520px;margin:20px auto 0}.answer-input input{text-align:center;font-size:16px;padding:14px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:580px;margin:20px auto}.choice{border:1px solid #303b59;background:#131b2f;border-radius:12px;padding:13px;color:#e8ebf4}.choice:hover{border-color:#5d54d0}.result-box{margin:18px auto 0;max-width:580px;border-radius:14px;padding:13px;font-size:13px}.result-box.good{background:rgba(67,211,158,.1);border:1px solid rgba(67,211,158,.24);color:#8cecc8}.result-box.bad{background:rgba(255,102,125,.1);border:1px solid rgba(255,102,125,.25);color:#ff9aab}.session-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}
.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reading-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}.reading-card h3{margin:10px 0}.reading-card p{color:#9fa9bf;line-height:1.6;font-size:13px}.reading-full{max-width:850px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px}.reading-text{font-size:18px;line-height:1.9;color:#e9ecf4}.reading-translation{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:#aeb8cf;line-height:1.75}.reading-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.big-stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.big-stat strong{font-size:34px}.bars{display:grid;gap:13px;margin-top:16px}.bar-row{display:grid;grid-template-columns:110px 1fr 42px;gap:10px;align-items:center;font-size:12px;color:#aeb8cf}.bar{height:8px;background:#222b45;border-radius:50px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}.setting-card h3{margin-top:0}.setting-row{margin:14px 0}.setting-row label{display:block;color:#aeb8cf;font-size:12px;margin-bottom:7px}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,6,14,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;z-index:150}.modal{width:min(610px,100%);max-height:90vh;overflow:auto;background:#11182a;border:1px solid #35405e;border-radius:24px;box-shadow:var(--shadow);padding:24px}.modal h2{margin:0 0 6px}.modal-head{display:flex;justify-content:space-between;align-items:start}.close-btn{border:0;background:transparent;color:#8792aa;font-size:24px}.stack{display:grid;gap:13px;margin-top:18px}.stack label{font-size:12px;color:#aab4c9;display:grid;gap:7px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-error{color:#ff8598;font-size:12px;min-height:16px}
.auth-screen{position:fixed;inset:0;background:#090e1a;z-index:200;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);border:1px solid #2e3856;background:#11182a;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.auth-logo{width:58px;height:58px;margin-bottom:20px}.auth-card h2{font-size:28px;margin:6px 0 8px}.auth-card .text-btn{display:block;margin:12px auto 0}.toast{position:fixed;right:22px;bottom:22px;background:#171f34;border:1px solid #35405e;border-radius:12px;padding:11px 14px;color:#fff;z-index:300;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translateY(0);opacity:1}.empty{padding:50px 20px;text-align:center;border:1px dashed #313b58;border-radius:18px;color:#8994ad}.mobile-nav{display:none}
.hide-es .translation{filter:blur(7px);user-select:none}.hide-en .study-card h3{filter:blur(7px);user-select:none}.hide-pron .pron{filter:blur(7px);user-select:none}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.reading-grid{grid-template-columns:repeat(2,1fr)}.section-grid,.practice-home{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.today-card{max-width:500px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.main{padding:20px 15px 94px}.topbar{margin-bottom:18px}.topbar h1{font-size:24px}.top-actions .btn{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;background:rgba(14,20,36,.94);backdrop-filter:blur(16px);border:1px solid #2a3551;border-radius:18px;padding:7px}.mobile-nav button{border:0;background:transparent;color:#76829d;display:grid;place-items:center;gap:2px;padding:7px 3px;border-radius:12px}.mobile-nav button span{font-size:17px}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:#fff;background:#1c2640}.mobile-nav .practice-main span{background:var(--accent);color:#fff;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:12px}.hero{padding:22px}.hero h2{font-size:29px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:14px}.stat strong{font-size:23px}.library-grid,.plan-grid,.reading-grid,.progress-grid{grid-template-columns:1fr}.toolbar{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.study-card{padding:16px}.mode-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.question-card{padding:20px}.question-main{font-size:22px}.bar-row{grid-template-columns:90px 1fr 35px}.modal{padding:20px}.hero-actions{flex-wrap:wrap}}

/* v1.3 · Libros y biblioteca de estudio */
.mobile-only{display:none}.danger-text{color:#ff95a6!important}.section-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.tab-btn{border:1px solid transparent;background:transparent;color:#8995ad;border-radius:12px;padding:10px 14px;font-weight:800}.tab-btn span{font-size:10px;margin-left:5px;padding:3px 6px;background:#232d49;border-radius:99px}.tab-btn.active{background:#1a2240;color:#fff;border-color:#303b61}.library-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 25px;margin-bottom:16px;background:linear-gradient(135deg,#141c31,#171832 70%,#201b43);border:1px solid #2e385a;border-radius:22px}.library-intro h2{margin:5px 0 8px;font-size:25px;letter-spacing:-.6px}.library-intro p{max-width:760px;margin:0;color:#9faac1;line-height:1.6;font-size:13px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.book-card{display:grid;grid-template-columns:94px 1fr;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;min-height:210px}.book-cover{min-height:178px;border-radius:14px;background:linear-gradient(155deg,#292360,#171e38);border:1px solid #3c4270;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#c9c5ff}.book-cover span{font-size:9px;letter-spacing:1.5px;font-weight:900}.book-cover b{font-size:30px;letter-spacing:-1px;color:#fff}.book-info{display:flex;min-width:0;flex-direction:column}.book-info h3{margin:12px 0 7px;font-size:17px;line-height:1.35}.book-info p{font-size:12px;line-height:1.55;color:#a3aec4;margin:0 0 7px}.book-info small{font-size:10px;color:#717e9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-info>.btn{margin-top:auto;align-self:flex-start}.empty-rich{border:1px dashed #34415f;background:#0f1627;border-radius:22px;padding:48px 22px;text-align:center}.empty-rich.compact{padding:30px 20px}.empty-rich h3{margin:10px 0 7px}.empty-rich p{max-width:620px;margin:0 auto 18px;color:#8996b1;line-height:1.6;font-size:13px}.empty-icon{font-size:34px}.notice-warn{padding:11px 12px;border-radius:12px;background:rgba(255,189,89,.1);border:1px solid rgba(255,189,89,.25);color:#ffd08a;font-size:12px;line-height:1.5}.document-view{max-width:1100px;margin:0 auto}.doc-title{margin:10px 0 16px}.doc-title h2{font-size:28px;margin:8px 0 5px}.doc-title p{color:#9ba7c0;margin:0}.pdf-frame{width:100%;height:min(78vh,900px);min-height:620px;border:1px solid #303b59;background:#fff;border-radius:18px}.prewrap{white-space:pre-wrap}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.more-grid button{border:1px solid var(--line);background:#131b30;color:#fff;border-radius:16px;padding:17px;text-align:left;display:grid;gap:5px}.more-grid button>span,.more-grid button:first-letter{font-size:20px}.more-grid b{font-size:14px}.more-grid small{color:#8f9ab3;line-height:1.4}.study-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 0 18px}.study-head h2{font-size:29px;margin:5px 0}.study-head p{color:#9aa6bd;margin:0;max-width:700px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.back-link{padding-left:0;margin-bottom:8px}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.folder-card{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:19px;cursor:pointer;transition:.15s}.folder-card:hover{border-color:#5049a8;transform:translateY(-1px)}.folder-icon{width:54px;height:54px;border-radius:16px;background:#1c2540;display:grid;place-items:center;font-size:25px}.folder-card h3{font-size:17px;margin:9px 0 5px}.folder-card p{font-size:12px;color:#8793ad;margin:0;line-height:1.45}.folder-arrow{color:#756dcd;font-size:21px}.suggestion-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 18px}.suggestion-row span{padding:6px 9px;border-radius:999px;background:#18213a;color:#aeb9d0;font-size:11px;border:1px solid #2b3755}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{display:grid;grid-template-columns:55px 1fr;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px}.resource-icon{width:52px;height:52px;border-radius:15px;background:#1b2440;display:grid;place-items:center;font-size:24px}.resource-body{min-width:0}.resource-body h3{font-size:16px;margin:10px 0 4px}.resource-body p{font-size:12px;color:#8e9ab3;margin:0;line-height:1.5}.resource-open{padding-left:0;margin-top:7px}.note-document{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;font-size:16px;line-height:1.85;color:#e5e9f2;min-height:220px}.video-wrap{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#000}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media(max-width:1180px){.book-grid,.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mobile-only{display:grid}.library-intro,.study-head{align-items:stretch;flex-direction:column}.library-intro>.btn,.header-actions .btn{width:100%}.book-grid,.folder-grid,.resource-list{grid-template-columns:1fr}.book-card{grid-template-columns:78px 1fr}.book-cover{min-height:155px}.section-tabs{overflow:auto}.tab-btn{white-space:nowrap}.pdf-frame{min-height:64vh;height:64vh}.more-grid{grid-template-columns:1fr}.study-head h2{font-size:25px}.top-actions{gap:7px}.top-actions .icon-btn{display:grid}.document-view .reading-actions{position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:3}}


/* v1.4 · Categorías y sistema de recompensas */
.coin-pill{border:1px solid #3b3a67;background:#171b35;color:#fff;border-radius:13px;padding:0 13px;height:42px;font-weight:850;display:flex;align-items:center;gap:7px}.coin-pill:hover{border-color:#8076ff;background:#1e2143}.coin-pill span{color:#ffd56e}.reward-banner{width:100%;border:1px solid #353b67;background:linear-gradient(90deg,#171d37,#1b1a38);color:#fff;border-radius:18px;padding:14px 18px;margin:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.reward-banner>div:first-child{display:flex;align-items:center;gap:12px}.reward-orb{width:38px;height:38px;display:grid;place-items:center;background:#272142;border-radius:12px}.reward-banner b{display:block;font-size:14px}.reward-banner small{display:block;color:#929db7;font-size:11px;margin-top:3px}.reward-banner-items{display:flex;gap:8px;flex-wrap:wrap}.reward-banner-items span{font-size:11px;padding:6px 8px;border-radius:99px;background:#222946;color:#bcc5d8}.reward-banner>strong{font-size:11px;color:#b7b0ff;white-space:nowrap}.category-field>label{font-size:12px;color:#aab4c9;display:block;margin-bottom:7px}.category-picker{display:grid;grid-template-columns:1fr auto;gap:8px}.new-category{margin-top:10px;padding:12px;border:1px solid #303b5d;background:#0e1527;border-radius:13px}.new-category small{display:block;color:#8591aa;font-size:11px;line-height:1.45;margin-top:7px}.rewards-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#171e38,#1a1937 68%,#2b2145);border:1px solid #343b63;border-radius:26px;padding:28px;margin-bottom:16px}.rewards-hero h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.rewards-hero p{max-width:700px;color:#9da8c0;line-height:1.6;margin:0}.coin-vault{min-width:180px;background:rgba(7,11,23,.45);border:1px solid #3a4065;border-radius:20px;padding:20px;text-align:center}.coin-vault>span{font-size:30px}.coin-vault strong{display:block;font-size:36px;margin:5px 0;color:#ffd56e}.coin-vault small{color:#8f9ab3}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.inventory-card{display:grid;grid-template-columns:50px 1fr;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px}.inventory-card>span{width:48px;height:48px;border-radius:14px;background:#1c2541;display:grid;place-items:center;font-size:23px}.inventory-card b{font-size:25px;display:block}.inventory-card small{display:block;color:#d7dceb;font-weight:800;font-size:12px}.inventory-card p{font-size:11px;color:#8692ac;line-height:1.5;margin:6px 0 10px}.rewards-layout{display:grid;grid-template-columns:1fr 360px;gap:16px}.reward-heading{margin:4px 0 12px}.reward-heading h3{font-size:21px;margin:3px 0}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;min-height:205px}.shop-icon{font-size:30px}.shop-card h3{font-size:17px;margin:12px 0 7px}.shop-card p{font-size:12px;line-height:1.55;color:#8d99b2;margin:0}.shop-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}.shop-bottom>b{color:#ffd56e}.shop-bottom .btn:disabled{opacity:.45;cursor:not-allowed}.reward-rules{margin-top:14px}.reward-rules h3{margin-top:0}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rule-grid span{background:#141d32;border:1px solid #222e4b;border-radius:11px;padding:10px;font-size:11px;color:#aab5ca}.rule-grid b{float:right;color:#ffd56e}.reward-rules p{font-size:11px;color:#8591aa;margin:12px 0 0}.transactions{height:max-content}.transaction-list{display:grid;gap:8px}.transaction{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #222d49;background:#131b2f;border-radius:12px}.transaction>span{width:32px;height:32px;border-radius:10px;background:#1c2641;display:grid;place-items:center}.transaction b{font-size:11px;display:block}.transaction small{font-size:9px;color:#77849f;text-transform:capitalize}.transaction>strong{font-size:11px;color:#a8b2c8}.transaction>strong.plus{color:#69ddb3}.transaction>strong.minus{color:#ff9fac}.session-reward{display:inline-flex;align-items:center;gap:8px;background:#211f43;border:1px solid #3b3772;border-radius:12px;padding:9px 12px;margin:0 0 12px;color:#ffd56e}.session-reward span{font-size:10px;color:#bcb5ff}.hint-box{margin-top:14px;padding:12px;border-radius:12px;background:rgba(255,189,89,.08);border:1px solid rgba(255,189,89,.24);color:#ffd991;font-size:12px;line-height:1.5}
@media(max-width:1050px){.rewards-layout{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.coin-pill{height:42px;padding:0 10px}.category-picker{grid-template-columns:1fr}.rewards-hero{grid-template-columns:1fr;padding:22px}.coin-vault{min-width:0}.shop-grid{grid-template-columns:1fr}.reward-banner{align-items:flex-start;flex-direction:column}.reward-banner-items{width:100%}.reward-banner>strong{align-self:flex-end}.rule-grid{grid-template-columns:1fr}.inventory-card{grid-template-columns:44px 1fr}}

/* v1.5 voice picker */
.settings-title-row,.voice-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.voice-picker-head{align-items:center;margin:18px 0 10px}.voice-picker-head small{display:block;color:var(--muted);margin-top:4px}.voice-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.voice-choice{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text);border-radius:14px;padding:11px 12px;cursor:pointer;transition:.18s ease}.voice-choice:hover,.voice-choice.selected{border-color:rgba(124,92,255,.8);background:rgba(124,92,255,.09);transform:translateY(-1px)}.voice-choice b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-choice small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-num{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(124,92,255,.14);font-size:11px;font-weight:800}.voice-play{opacity:.8}.voice-empty{padding:14px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:12px}.audio-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.voice-note{font-size:11.5px;line-height:1.55;margin:14px 0 0}.audio-card-wide{grid-column:1/-1}@media(max-width:820px){.voice-choice-grid{grid-template-columns:1fr}.audio-sliders{grid-template-columns:1fr}.settings-title-row,.voice-picker-head{align-items:stretch;flex-direction:column}}


/* v1.8 · modo enfoque + alta rápida */
.focus-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(5,8,18,.62);backdrop-filter:blur(18px) saturate(.82);-webkit-backdrop-filter:blur(18px) saturate(.82)}
.focus-card-shell{width:min(900px,94vw);max-height:92vh;overflow:auto;border:1px solid #46517a;border-radius:30px;background:linear-gradient(145deg,#121a30 0%,#0f1629 65%,#1b1740 100%);box-shadow:0 32px 100px rgba(0,0,0,.58);padding:28px 30px 24px;animation:focusIn .2s ease-out}
@keyframes focusIn{from{opacity:0;transform:scale(.97) translateY(12px)}to{opacity:1;transform:none}}
.focus-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.focus-top>div{display:flex;align-items:center;gap:10px}.focus-top .fav{font-size:28px}.focus-close{width:42px;height:42px;border-radius:14px;border:1px solid #36415f;background:#151e33;color:#e9edf7;font-size:27px;line-height:1}.focus-content{text-align:center;padding:44px 16px 34px}.focus-label{font-size:10px;letter-spacing:2px;font-weight:850;color:#8f86ff;margin:0 0 12px}.focus-content h2{font-size:clamp(38px,6vw,72px);line-height:1.06;letter-spacing:-2px;margin:0 auto 20px;max-width:800px}.focus-translation{font-size:clamp(20px,3vw,30px);color:#c2cadb;margin:0 auto 16px;line-height:1.35}.focus-pron{font-size:clamp(18px,2.4vw,25px);color:#a49cff;font-weight:750;margin:0}.focus-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #2b3654}.focus-actions .btn{padding:12px 17px}.focus-tip{display:block;text-align:center;color:#74809a;margin-top:15px}.focus-btn{border-color:#4c4789;color:#c2bcff}.auto-fill-panel{border:1px solid #3e3973;background:linear-gradient(135deg,rgba(121,107,255,.12),rgba(121,107,255,.04));border-radius:15px;padding:13px 14px}.auto-fill-panel b{display:block;font-size:13px}.auto-fill-panel small{display:block;color:#9ca7bf;line-height:1.5;margin-top:4px}.auto-fill-btn{border-color:#5148a4;background:#211e48;color:#d4d0ff}.auto-fill-status{min-height:16px;color:#8f9ab3;margin-top:-5px;line-height:1.4}
@media(max-width:760px){.focus-backdrop{padding:10px}.focus-card-shell{width:100%;max-height:96vh;border-radius:24px;padding:20px 18px}.focus-content{padding:34px 8px 26px}.focus-content h2{font-size:clamp(34px,12vw,58px);letter-spacing:-1.3px}.focus-translation{font-size:21px}.focus-pron{font-size:18px}.focus-actions{display:grid;grid-template-columns:1fr 1fr}.focus-actions .btn{width:100%;padding:12px 8px}}

/* v1.9 · contenido nuevo, controles fijos, sugerencias y traductor */
.library-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.library-tabs::-webkit-scrollbar{display:none}.lib-tab{border:1px solid var(--line);background:#11192c;color:#98a5bd;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}.lib-tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#202a45;color:#c9d0df;margin-left:5px;font-size:10px}.lib-tab.active{background:#231f4f;border-color:#6258c9;color:#fff}.lib-tab.new-tab.active{background:#2b2342;border-color:#9e7b48}.library-main-toolbar{align-items:center}.library-sticky-tools{position:sticky;top:8px;z-index:18;margin:0 0 14px;padding:9px 10px;border:1px solid rgba(67,78,112,.85);border-radius:15px;background:rgba(11,16,32,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:space-between;gap:12px}.sticky-tools-label b{display:block;font-size:11px}.sticky-tools-label small{display:block;color:#77849f;font-size:9px;margin-top:2px}.sticky-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sticky-buttons .btn{background:#151d31}.sticky-buttons .btn.active-hide{background:#2b2458;border-color:#6d60d8;color:#fff}.tag-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.new-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(255,189,89,.12);border:1px solid rgba(255,189,89,.28);color:#ffd486;font-size:9px;font-weight:900;letter-spacing:.2px}.study-card.is-new{border-color:#3d3b5c;box-shadow:inset 3px 0 0 rgba(255,189,89,.65)}.new-content-banner{margin-top:12px;padding:14px 16px;border:1px solid #333b5c;border-radius:17px;background:#11192c;display:flex;justify-content:space-between;gap:14px;align-items:center}.new-content-banner>div:first-child{display:flex;gap:12px;align-items:center}.new-content-banner b{display:block;font-size:13px}.new-content-banner small{display:block;color:#8490aa;font-size:10px;margin-top:3px;line-height:1.45}.new-orb{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#30243a;color:#ffd486;border:1px solid #624e43;font-size:9px;font-weight:900;letter-spacing:1px}.new-content-actions{display:flex;gap:7px;flex-wrap:wrap}

.discover-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid #313a5c;border-radius:24px;padding:25px;background:linear-gradient(135deg,#151d34,#18182f 62%,#241c42);margin-bottom:14px}.discover-hero h2{font-size:31px;letter-spacing:-.9px;margin:7px 0 9px}.discover-hero p{margin:0;color:#9aa6bf;line-height:1.55;max-width:760px}.ai-status{min-width:185px;border:1px solid #3b4168;border-radius:17px;background:rgba(8,12,24,.5);padding:16px}.ai-status>b,.ai-status>small{display:block}.ai-status b{font-size:12px;margin-top:5px}.ai-status small{font-size:9px;color:#7f8ba5;margin-top:4px}.suggestion-builder{margin-bottom:14px}.suggestion-mode{display:flex;gap:7px;margin-bottom:14px}.seg{border:1px solid var(--line);background:#11192d;color:#8f9ab3;border-radius:11px;padding:9px 12px;font-weight:800}.seg.active{background:#231f4c;color:#fff;border-color:#5f55c8}.suggestion-builder label{font-size:12px;color:#aeb8cc}.suggestion-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:7px}.topic-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.topic-chips button{border:1px solid #2d3856;background:#141d31;color:#aeb8cc;border-radius:999px;padding:7px 10px;font-size:10px}.topic-chips button:hover{border-color:#5a51bd;color:#fff}.suggestions-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px}.suggestions-head h3{margin:0;font-size:20px}.suggestions-head p{margin:4px 0 0;color:#7f8aa4;font-size:11px}.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.suggestion-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:17px}.suggestion-card h3{font-size:18px;margin:14px 0 7px}.suggestion-card>p:not(.pron){font-size:13px;color:#adb7cb;line-height:1.45}.suggestion-card.already{opacity:.68}.suggestion-actions{margin-top:14px;padding-top:13px;border-top:1px solid #222d49}.suggestion-actions .btn{width:100%}

.translator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.translator-panel h2{font-size:27px;margin:7px 0 8px}.translator-panel textarea{margin-top:7px;resize:vertical}.translator-options{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:12px}.translator-options label{font-size:11px;color:#9aa6bd}.translator-examples{margin-top:14px}.translator-result{min-height:410px}.translator-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.translator-source{font-size:12px;color:#78859f;margin:24px 0 8px}.translator-result h2{font-size:32px;line-height:1.2;margin:0 0 12px;letter-spacing:-.7px}.translator-pron{font-size:17px;color:#9d95ff;font-weight:750}.translator-audio,.translator-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.alternatives{margin-top:20px;padding-top:16px;border-top:1px solid #25304c}.alternatives>b{display:block;font-size:11px;color:#8f9ab3;margin-bottom:8px}.alternatives button{display:block;width:100%;text-align:left;border:1px solid #2d3856;background:#121a2d;color:#d7ddec;border-radius:11px;padding:10px 11px;margin-top:7px}.translation-note{margin-top:16px;padding:11px 12px;border-radius:12px;border:1px solid rgba(121,107,255,.25);background:rgba(121,107,255,.08);color:#bbb6f2;font-size:11px;line-height:1.5}.translator-add{padding-top:17px;border-top:1px solid #25304c}.empty-rich.compact{min-height:350px;display:grid;align-content:center;justify-items:center;text-align:center}

@media(max-width:900px){.discover-hero{grid-template-columns:1fr}.ai-status{min-width:0}.translator-layout{grid-template-columns:1fr}.suggestion-grid{grid-template-columns:1fr}}
@media(max-width:760px){.library-tabs{margin:0 -2px}.library-main-toolbar{grid-template-columns:1fr 1fr}.library-main-toolbar .search{grid-column:1/-1}.library-main-toolbar .btn.primary{grid-column:1/-1}.library-sticky-tools{top:6px;align-items:stretch;flex-direction:column;padding:8px}.sticky-tools-label{display:none}.sticky-buttons{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.sticky-buttons .btn{padding:9px 4px;font-size:10px;white-space:nowrap}.new-content-banner{align-items:stretch;flex-direction:column}.new-content-actions .btn{flex:1}.discover-hero{padding:20px}.discover-hero h2{font-size:26px}.suggestion-search-row{grid-template-columns:1fr}.suggestion-search-row .btn{width:100%}.suggestions-head{align-items:stretch;flex-direction:column}.suggestions-head .btn{width:100%}.translator-options{grid-template-columns:1fr}.translator-options .btn{width:100%}.translator-result h2{font-size:27px}.translator-add .btn{width:100%}}
@media(min-width:761px){.sidebar{overflow-y:auto}.side-nav{flex:0 0 auto}}

/* v2.1 · repetición con pausa y control de velocidad */
.smart-mode{background:linear-gradient(135deg,#17233b,#1d2142);border-color:#4a5690}.smart-mode:hover{border-color:#7a72ff}.situation-mode{background:linear-gradient(135deg,#251b35,#2c2134);border-color:#654b70}.situation-mode:hover{border-color:#a26eb1}.repeat-panel{text-align:center}.repeat-panel h3{font-size:clamp(28px,5vw,46px);margin:18px 0 10px}.repeat-label{display:block;max-width:420px;margin:24px auto 12px;text-align:left;font-size:12px;color:#aeb8cc}.repeat-label input{margin-top:7px;text-align:center;font-size:24px;font-weight:800}.repeat-presets{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.repeat-presets button{border:1px solid #33405f;background:#151e33;color:#d7ddec;border-radius:999px;padding:8px 12px;font-weight:800}.repeat-slow{display:flex;justify-content:center;align-items:center;gap:8px;margin:18px 0;color:#adb7ca;font-size:13px}.repeat-slow input{width:auto}.repeat-progress-wrap{max-width:560px;margin:20px auto 0}.repeat-progress{height:10px;background:#202a43;border-radius:999px;overflow:hidden}.repeat-progress span{display:block;height:100%;background:linear-gradient(90deg,#796bff,#a79fff);transition:width .2s}.repeat-status{font-size:12px;color:#9da8bd;margin-top:9px}.repeat-actions{justify-content:center!important}.natural-card{border:1px solid #323c5b;background:#11192c;border-radius:18px;padding:20px}.natural-card small{display:block;color:#7f8aa4;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.natural-card p{font-size:14px;color:#aeb8cc}.natural-card h3{font-size:26px;line-height:1.3;margin:8px 0 4px}.natural-note{margin-top:16px;padding:11px 12px;border:1px solid rgba(121,107,255,.24);background:rgba(121,107,255,.08);border-radius:12px;color:#beb8f4;font-size:12px;line-height:1.55}.natural-loading{padding:35px;text-align:center;color:#aeb8cc}.situation-card{background:linear-gradient(145deg,#11182a,#17192f)}.situation-card .question-main{max-width:650px}.situation-audio{display:flex;justify-content:center;gap:8px;margin-top:12px}.situation-finish{text-align:center}
@media(max-width:760px){.repeat-panel h3{font-size:32px}.repeat-presets{display:grid;grid-template-columns:repeat(5,1fr)}.repeat-presets button{padding:8px 3px}.situation-audio{flex-direction:column}.situation-audio .btn{width:100%}}

/* v2.1 · controles de repetición */
.repeat-speed-box{max-width:560px;margin:20px auto 0;padding:16px 16px 13px;border:1px solid #2e3958;background:#11192d;border-radius:16px;text-align:left}.repeat-speed-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.repeat-speed-head b{display:block;font-size:13px;color:#e7ebf4}.repeat-speed-head small{display:block;margin-top:4px;color:#7f8ba5;font-size:11px;line-height:1.4}.repeat-speed-head strong{white-space:nowrap;color:#a9a2ff;font-size:12px;background:#1b2240;border:1px solid #323b65;padding:7px 9px;border-radius:999px}.repeat-speed-slider{width:100%;margin:16px 0 8px;accent-color:#796bff;cursor:pointer}.repeat-speed-slider:disabled{opacity:.45;cursor:not-allowed}.repeat-speed-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;color:#7f8ba5;font-size:10px;font-weight:700}.repeat-speed-scale span:nth-child(2){text-align:center}.repeat-speed-scale span:last-child{text-align:right}.repeat-pause-note{max-width:560px;margin:11px auto 0;padding:10px 12px;border-radius:12px;background:rgba(121,107,255,.08);border:1px solid rgba(121,107,255,.18);color:#aeb7cc;font-size:11px;line-height:1.45}.repeat-label input:disabled{opacity:.5}.repeat-presets button:disabled{opacity:.45}
@media(max-width:560px){.repeat-speed-head{display:block}.repeat-speed-head strong{display:inline-block;margin-top:10px}.repeat-speed-scale{font-size:9px}}

/* v2.2 · modo descanso */
.rest-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid #31365a;border-radius:26px;padding:28px;background:radial-gradient(circle at 88% 10%,rgba(125,111,255,.16),transparent 26%),linear-gradient(145deg,#11172a,#17172b 62%,#211939);margin-bottom:14px;overflow:hidden}.rest-hero h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1.1px;margin:8px 0 10px;max-width:820px}.rest-hero p{color:#99a5bd;line-height:1.65;max-width:760px;margin:0}.rest-moon{width:108px;height:108px;border-radius:999px;display:grid;place-items:center;font-size:62px;background:linear-gradient(145deg,#242347,#151a32);border:1px solid #41406d;box-shadow:0 18px 60px rgba(0,0,0,.24);color:#d9d4ff}.rest-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.rest-mode-card{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:#11182a;color:#cfd6e5;border-radius:18px;padding:16px;cursor:pointer;transition:.18s}.rest-mode-card>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#1a2238;font-size:22px}.rest-mode-card b,.rest-mode-card small{display:block}.rest-mode-card b{font-size:14px}.rest-mode-card small{font-size:10px;color:#7f8ca5;margin-top:4px;line-height:1.45}.rest-mode-card.active{border-color:#7067e8;background:linear-gradient(145deg,#191d36,#211d45);box-shadow:0 0 0 1px rgba(121,107,255,.14)}.rest-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;align-items:start}.rest-setup label{display:block;font-size:11px;color:#aeb8cc;margin-top:12px}.rest-setup label>input,.rest-setup label>select{margin-top:7px}.rest-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rest-two-cols small{display:block;color:#858fa8;margin-top:6px;font-size:10px}.rest-check{display:flex!important;align-items:center;gap:8px;padding:11px 12px;border:1px solid #2d3754;border-radius:12px;background:#121a2d}.rest-check input{width:auto!important;margin:0!important}.rest-builder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.rest-note{font-size:10px;line-height:1.55;margin:12px 0 0}.rest-player-panel{min-height:470px}.rest-empty{min-height:410px;display:grid;align-content:center;justify-items:center;text-align:center;color:#8590a8}.rest-empty>div{font-size:48px;margin-bottom:10px}.rest-empty h3{color:#e1e5ee;margin:0 0 7px}.rest-empty p{max-width:390px;line-height:1.55;font-size:12px}.rest-player-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.rest-player-head h3{font-size:20px;margin:10px 0 4px}.rest-player-head small{color:#7e89a2}.rest-player-moon{font-size:34px;color:#b9b1ff}.rest-now{margin:28px 0 22px;min-height:195px;display:grid;align-content:center;text-align:center;padding:24px;border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(121,107,255,.12),transparent 48%),#0e1526;border:1px solid #26304b}.rest-now>small{color:#6f7b96;font-size:9px;letter-spacing:1.5px;font-weight:800}.rest-now h2{font-size:clamp(25px,4vw,38px);line-height:1.25;letter-spacing:-.65px;margin:12px auto 8px;max-width:680px}.rest-now>p:not(.pron){font-size:14px;color:#aeb7ca;margin:0}.rest-now .pron{margin-top:12px}.rest-progress-row{display:flex;justify-content:space-between;gap:12px;color:#7f8aa3;font-size:10px;margin-top:8px}.rest-player-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:19px}.rest-save-actions{text-align:center;margin-top:15px}.rest-save-actions .text-btn{font-size:11px}.rest-player .repeat-progress{height:8px}.rest-player-panel .panel-head p{font-size:10px;color:#7f8aa4;margin:5px 0 0}.rest-player-panel .tag{white-space:nowrap}
@media(max-width:980px){.rest-layout{grid-template-columns:1fr}.rest-player-panel{min-height:0}}
@media(max-width:760px){.rest-hero{grid-template-columns:1fr;padding:21px}.rest-moon{display:none}.rest-mode-grid{grid-template-columns:1fr}.rest-two-cols{grid-template-columns:1fr}.rest-player-actions{grid-template-columns:1fr}.rest-builder-actions .btn{width:100%}.rest-progress-row{display:grid;gap:4px;text-align:center}.rest-now{min-height:165px;padding:20px 14px}.rest-now h2{font-size:28px}}

.sync-box{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(124,104,255,.28);background:rgba(124,104,255,.08);border-radius:14px;margin:14px 0}.sync-box b{font-size:14px}.sync-box small{color:var(--muted);font-size:12px}


/* v2.3.0 */
.source-language-box{border:1px solid rgba(139,92,246,.32);background:rgba(124,58,237,.08);border-radius:16px;padding:14px;display:grid;gap:9px}.source-language-toggle{display:flex;gap:8px;flex-wrap:wrap}.source-language-toggle label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 12px;border-radius:999px;background:var(--panel2);cursor:pointer}.source-primary{border-radius:14px;outline:1px solid rgba(139,92,246,.42);padding:4px 8px 8px;background:rgba(124,58,237,.045)}.duplicate-status{font-size:12px;line-height:1.45;min-height:2px}.duplicate-status.warning{color:#f6c66a}.duplicate-status.blocking{color:#ff8fa0;font-weight:700}.reading-help{margin-bottom:14px}.reading-word-tip{font-size:12px;color:var(--muted);background:rgba(124,58,237,.08);border:1px solid rgba(139,92,246,.22);padding:9px 12px;border-radius:12px}.interactive-reading{line-height:2.05}.reading-word{display:inline;position:relative;border:0;background:transparent;color:inherit;font:inherit;padding:1px 3px;margin:0;border-radius:6px;cursor:pointer}.reading-word:hover{background:rgba(139,92,246,.17)}.reading-word.known{background:rgba(30,190,130,.10);text-decoration:underline;text-decoration-color:rgba(30,190,130,.55);text-underline-offset:4px}.reading-word span{font-size:9px;color:#6ee7b7;margin-left:2px;vertical-align:super}.word-inspector{display:grid;gap:12px}.word-meaning{font-size:24px;font-weight:750;margin:4px 0}.already-chip{width:max-content;border-radius:999px;padding:6px 10px;background:rgba(30,190,130,.12);color:#7ff0bd;font-size:12px;font-weight:800}.ai-reading-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(109,40,217,.22),rgba(15,23,42,.6));border:1px solid rgba(139,92,246,.27);border-radius:22px;padding:24px;margin-bottom:14px}.ai-reading-hero h2{margin:4px 0 8px;max-width:760px}.ai-spark{font-size:54px;color:#c4b5fd}.ai-book-builder{display:grid;gap:14px;margin-bottom:14px}.ai-book-controls{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.ai-book-preview{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px}.ai-book-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.ai-story-lines{display:grid;gap:9px;margin-top:14px}.ai-story-line{display:grid;grid-template-columns:32px 1fr;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.ai-story-line .line-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.16);font-size:12px;font-weight:800}.ai-story-line p{margin:0 0 5px}.ai-story-line .english{font-size:18px;font-weight:720}.ai-story-line .spanish{color:var(--muted);font-size:13px}.study-ai-builder,.study-ai-inside{margin-bottom:16px}.study-ai-input,.ai-command-row{display:flex;gap:9px}.study-ai-input input,.ai-command-row input{flex:1}.quick-ai-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.quick-ai-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px}.quick-ai-actions button:hover{border-color:rgba(139,92,246,.65)}.study-suggest-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.study-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.study-suggestion{text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:12px;cursor:pointer;display:grid;gap:5px}.study-suggestion small{color:var(--muted);line-height:1.35}.study-suggestion span{color:#c4b5fd;font-size:11px;font-weight:700}
@media(max-width:850px){.ai-book-controls{grid-template-columns:1fr 1fr}.ai-book-preview-head{display:block}.ai-book-preview-head .header-actions{margin-top:12px}.study-suggestion-grid{grid-template-columns:1fr 1fr}.study-ai-input,.ai-command-row{flex-direction:column}}
@media(max-width:520px){.ai-book-controls,.study-suggestion-grid{grid-template-columns:1fr}.ai-reading-hero{padding:18px}.ai-spark{display:none}.ai-story-line{grid-template-columns:26px 1fr}.source-language-toggle label{flex:1;justify-content:center}.word-meaning{font-size:21px}}


/* v2.4.0 · Clase / Resúmenes + lectura controlada + lo-fi */
.lofi-bar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(190px,280px);gap:12px;align-items:center;margin:0 0 14px;padding:13px 15px;border:1px solid rgba(121,107,255,.25);border-radius:16px;background:linear-gradient(120deg,rgba(121,107,255,.09),rgba(17,24,42,.95))}.lofi-bar.compact{margin:0 0 12px}.lofi-copy{display:flex;gap:10px;align-items:center}.lofi-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#211f42;color:#c9c3ff;font-size:20px}.lofi-copy b,.lofi-copy small{display:block}.lofi-copy small{color:var(--muted);font-size:10px;margin-top:2px}.lofi-volume{display:grid;gap:5px;color:var(--muted);font-size:10px}.lofi-volume span{display:flex;justify-content:space-between}.lofi-volume input{padding:0;border:0;background:transparent;accent-color:var(--accent)}
.reading-player{margin:14px 0 18px;padding:14px;border:1px solid #2d3858;border-radius:16px;background:#0e1628}.reading-player-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reading-progress-label{color:var(--muted);font-size:11px;margin-left:auto}.reading-speed{margin-top:13px;padding-top:12px;border-top:1px solid #222e49}.reading-speed>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px}.reading-speed strong{color:#aaa3ff}.reading-speed input{padding:0;border:0;background:transparent;accent-color:var(--accent)}.reading-speed-scale{display:grid;grid-template-columns:repeat(3,1fr);font-size:9px;color:#76839e;font-weight:700}.reading-speed-scale span:nth-child(2){text-align:center}.reading-speed-scale span:last-child{text-align:right}
.class-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid rgba(121,107,255,.3);border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(121,107,255,.15),#11182a);margin-bottom:14px}.class-hero h2{font-size:30px;margin:7px 0 9px;max-width:820px}.class-hero p{color:var(--muted);line-height:1.6;max-width:850px}.class-hero>span{font-size:54px}.class-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;align-items:start}.class-source label{display:grid;gap:7px;margin-bottom:12px;font-size:11px;color:#aeb8cc}.class-audio-box{border:1px dashed #384566;border-radius:16px;padding:14px;display:grid;gap:10px;background:rgba(255,255,255,.018)}.class-audio-box b,.class-audio-box small{display:block}.class-audio-box small{color:var(--muted);font-size:10px;margin-top:3px}.class-audio-selected{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--line)}.class-audio-selected audio{width:100%;height:38px}.class-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.class-note{font-size:10px;line-height:1.5;margin-bottom:0}.class-result{min-height:520px}.class-empty,.class-loading{min-height:470px;display:grid;place-content:center;text-align:center;color:var(--muted)}.class-empty>div,.class-loading>span{font-size:48px}.class-empty h3,.class-loading h3{color:var(--text);margin:8px 0}.class-result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}.class-result-head h2{margin:8px 0 4px}.class-result-head p{margin:0;color:var(--muted)}.class-result-section{padding:16px 0;border-bottom:1px solid var(--line)}.class-result-section:last-child{border-bottom:0}.class-result-section h3{margin:0 0 10px}.study-prose{white-space:pre-wrap;line-height:1.65;color:#c7cfdf}.class-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.class-material-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#11192d}.class-material-card.added{border-color:rgba(67,211,158,.26);background:rgba(67,211,158,.045)}.class-material-card h4{margin:9px 0 4px;font-size:15px}.class-material-card p{margin:0;color:#aeb8cd;font-size:12px}.class-material-card small{display:block;color:#9e96ff;margin:7px 0;font-size:11px}.class-material-card>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.class-saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.class-saved-card{border:1px solid var(--line);border-radius:18px;padding:17px;background:var(--panel)}.class-saved-card h3{margin:10px 0 7px}.class-saved-card p{color:var(--muted);font-size:12px;line-height:1.55;min-height:56px}
@media(max-width:980px){.class-layout{grid-template-columns:1fr}.class-result{min-height:0}.class-empty,.class-loading{min-height:260px}.class-saved-grid{grid-template-columns:1fr 1fr}.lofi-bar{grid-template-columns:1fr auto}.lofi-volume{grid-column:1/-1}}
@media(max-width:620px){.class-hero{grid-template-columns:1fr;padding:18px}.class-hero>span{display:none}.class-action-grid,.class-item-grid,.class-saved-grid{grid-template-columns:1fr}.class-result-head{display:block}.class-result-head .btn{width:100%;margin-top:10px}.lofi-bar{grid-template-columns:1fr}.lofi-toggle{width:100%}.reading-progress-label{width:100%;margin:0}.reading-player-main .btn{flex:1}}


/* v2.5.1 · Compañero animado, tienda cosmética y logros */
.buddy-mini-btn{width:44px;height:44px;padding:0;border:1px solid #343d60;border-radius:14px;background:#141b31;overflow:hidden;display:grid;place-items:center}.buddy-mini-btn:hover{border-color:#756cff}.buddy-mini-btn .buddy-stage{width:44px;height:44px;border:0;border-radius:0;background:transparent!important;box-shadow:none}.buddy-mini-btn .buddy-svg{width:48px;height:52px;transform:translateY(7px) scale(1.18);transform-origin:center}.buddy-mini-btn .buddy-z,.buddy-mini-btn .buddy-spark,.buddy-mini-btn .buddy-notes{display:none}
.buddy-stage{position:relative;width:220px;height:250px;border-radius:28px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 50px rgba(0,0,0,.2);isolation:isolate}.buddy-stage.bg-default{background:radial-gradient(circle at 75% 20%,rgba(169,156,255,.33),transparent 24%),linear-gradient(150deg,#222044,#11182a 68%)}.buddy-stage.bg-study{background:radial-gradient(circle at 75% 18%,rgba(255,208,130,.25),transparent 25%),linear-gradient(155deg,#34434d,#182633 72%)}.buddy-stage.bg-study:before{content:"";position:absolute;left:18px;bottom:34px;width:50px;height:62px;border-radius:7px;background:linear-gradient(90deg,#6d4b38 0 18%,#8f674a 18% 34%,#6e8d82 34% 52%,#9a6b58 52% 70%,#b5885f 70%);opacity:.65}.buddy-stage.bg-night{background:radial-gradient(circle at 72% 20%,#e7e1a5 0 8%,transparent 8.5%),linear-gradient(#161b3b,#17142d 62%,#1e2942)}.buddy-stage.bg-night:before{content:"";position:absolute;top:20px;left:24px;color:#c8c3ff;font-size:14px;letter-spacing:9px;opacity:.58}.buddy-stage.bg-city{background:linear-gradient(160deg,#2c1c4f,#17172c 60%,#101728)}.buddy-stage.bg-city:before{content:"";position:absolute;inset:auto 0 0;height:82px;background:linear-gradient(90deg,#1d2842 0 12%,#243154 12% 24%,#19233d 24% 42%,#293861 42% 58%,#1d2844 58% 76%,#253253 76%);clip-path:polygon(0 38%,12% 38%,12% 13%,24% 13%,24% 49%,42% 49%,42% 0,58% 0,58% 30%,76% 30%,76% 9%,100% 9%,100% 100%,0 100%);opacity:.84}.buddy-svg{width:205px;height:238px;position:relative;z-index:2;overflow:visible}.buddy-character{transform-origin:120px 245px;animation:buddy-breathe 3.2s ease-in-out infinite}.buddy-eyes{transform-origin:center;animation:buddy-blink 5.8s infinite}.buddy-stage.state-practice .buddy-character{animation:buddy-bounce 1.5s ease-in-out infinite}.buddy-stage.state-reading .buddy-character{animation:buddy-read 2.8s ease-in-out infinite}.buddy-stage.state-study .buddy-pencil{animation:buddy-write 1.25s ease-in-out infinite;transform-origin:165px 200px}.buddy-stage.state-sleep .buddy-character{animation:buddy-sleep 4s ease-in-out infinite;transform-origin:120px 250px}.buddy-stage.state-sleep .buddy-head{transform:translate(16px,12px) rotate(8deg);transform-origin:120px 140px}.buddy-stage.state-listen .buddy-character{animation:buddy-nod 1.9s ease-in-out infinite}.buddy-z,.buddy-spark,.buddy-notes{position:absolute;z-index:4;pointer-events:none}.buddy-z{right:28px;top:38px;color:#c9c2ff;font-weight:900}.buddy-z span{position:absolute;animation:buddy-float 2.8s infinite;opacity:0}.buddy-z span:nth-child(1){font-size:25px;right:0;top:0}.buddy-z span:nth-child(2){font-size:18px;right:23px;top:22px;animation-delay:.8s}.buddy-z span:nth-child(3){font-size:13px;right:39px;top:40px;animation-delay:1.6s}.buddy-spark{inset:0;color:#f6cf6e}.buddy-spark span{position:absolute;animation:buddy-sparkle 1.8s infinite}.buddy-spark span:nth-child(1){left:24px;top:46px}.buddy-spark span:nth-child(2){right:26px;top:72px;animation-delay:.5s}.buddy-spark span:nth-child(3){right:42px;bottom:55px;animation-delay:1s}.buddy-notes{right:24px;top:37px;color:#bdb6ff}.buddy-notes span{position:absolute;animation:buddy-note 2s infinite}.buddy-notes span:nth-child(2){right:25px;top:29px;animation-delay:.7s}.buddy-stage.compact{width:170px;height:178px;border-radius:22px}.buddy-stage.compact .buddy-svg{width:154px;height:182px;transform:translateY(15px)}.buddy-stage.preview{width:122px;height:126px;border-radius:18px;box-shadow:none}.buddy-stage.preview .buddy-svg{width:112px;height:132px;transform:translateY(11px)}.buddy-stage.preview .buddy-z,.buddy-stage.preview .buddy-spark,.buddy-stage.preview .buddy-notes{display:none}
@keyframes buddy-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes buddy-blink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.08)}}@keyframes buddy-bounce{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes buddy-read{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes buddy-write{0%,100%{transform:rotate(0deg)}50%{transform:rotate(12deg)}}@keyframes buddy-sleep{0%,100%{transform:translateY(2px)}50%{transform:translateY(5px)}}@keyframes buddy-nod{0%,100%{transform:rotate(0deg)}50%{transform:rotate(2.2deg)}}@keyframes buddy-float{0%{opacity:0;transform:translateY(8px) scale(.8)}30%{opacity:1}100%{opacity:0;transform:translateY(-24px) scale(1.08)}}@keyframes buddy-sparkle{0%,100%{opacity:.2;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}@keyframes buddy-note{0%{opacity:0;transform:translateY(10px)}25%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
.buddy-dashboard{margin:18px 0 0;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;border:1px solid #343b61;border-radius:24px;padding:18px;background:linear-gradient(120deg,#141b31,#191731)}.buddy-dashboard-avatar{display:grid;place-items:center}.buddy-dashboard-copy h3{font-size:26px;margin:5px 0 7px}.buddy-dashboard-copy>p:not(.eyebrow){color:#a6b0c6;line-height:1.55;margin:0;max-width:720px}.buddy-dashboard-stats{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.buddy-dashboard-stats span,.companion-tags span{font-size:11px;background:#202844;border:1px solid #303a5d;padding:7px 9px;border-radius:999px;color:#c0c8da}.buddy-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}
.companion-hero{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;border:1px solid #373c67;border-radius:28px;padding:24px;background:radial-gradient(circle at 14% 14%,rgba(121,107,255,.18),transparent 32%),linear-gradient(140deg,#161e37,#1c1936);margin-bottom:16px}.companion-stage-wrap{display:grid;place-items:center}.companion-stage-wrap .buddy-stage{width:260px;height:292px}.companion-stage-wrap .buddy-svg{width:235px;height:270px}.companion-hero-copy h2{font-size:32px;line-height:1.12;margin:7px 0 10px}.companion-hero-copy>p:not(.eyebrow){color:#9fa9c0;line-height:1.6;max-width:770px}.companion-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wardrobe-slot{border:1px solid #303a5c;background:#11192d;border-radius:12px;padding:10px;min-width:0}.wardrobe-slot small{display:block;color:#7f8aa4;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.wardrobe-slot b{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wardrobe-slot .text-btn{padding:6px 0 0;font-size:10px}
.split-heading{margin-top:22px}.split-heading>div>p.muted,.reward-heading>div>p.muted{font-size:11px;margin:4px 0 0}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.cosmetic-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:14px;display:flex;flex-direction:column;min-height:320px}.cosmetic-card.equipped{border-color:#6d63e5;box-shadow:0 0 0 1px rgba(121,107,255,.14) inset}.cosmetic-preview{display:grid;place-items:center;min-height:132px}.cosmetic-copy h3{font-size:15px;margin:9px 0 6px}.cosmetic-copy p{font-size:11px;color:#8995ad;line-height:1.5;margin:0}.cosmetic-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px}.cosmetic-bottom>b:not(.owned-label){color:#ffd56e;font-size:12px}.owned-label{font-size:10px;color:#72dfb9}.cosmetic-bottom .btn:disabled{opacity:.55;cursor:default}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.achievement-card{display:grid;grid-template-columns:48px 1fr;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px}.achievement-card.done{border-color:rgba(67,211,158,.3);background:rgba(67,211,158,.045)}.achievement-icon{width:46px;height:46px;border-radius:13px;background:#1b2540;display:grid;place-items:center;font-size:22px}.achievement-card b{font-size:13px}.achievement-card p{font-size:10px;color:#8793ac;line-height:1.45;margin:5px 0}.achievement-card small{font-size:9px;color:#aaa3ff}.rest-buddy-wrap{display:grid;place-items:center;min-width:180px}.rest-buddy-wrap .buddy-stage{border-color:#41406d}
@media(max-width:1050px){.cosmetic-grid{grid-template-columns:repeat(2,1fr)}.companion-hero{grid-template-columns:240px 1fr}.companion-stage-wrap .buddy-stage{width:220px;height:250px}.companion-stage-wrap .buddy-svg{width:205px;height:238px}.wardrobe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.buddy-dashboard{grid-template-columns:1fr;text-align:center}.buddy-dashboard-avatar .buddy-stage{width:185px;height:200px}.buddy-dashboard-avatar .buddy-svg{width:165px;height:190px}.buddy-dashboard-stats,.buddy-dashboard-actions{justify-content:center}.companion-hero{grid-template-columns:1fr;padding:18px}.companion-hero-copy{text-align:center}.companion-tags{justify-content:center}.wardrobe-grid{grid-template-columns:1fr 1fr;text-align:left}.cosmetic-grid,.achievement-grid{grid-template-columns:1fr}.rest-buddy-wrap{display:none}.buddy-mini-btn{width:42px;height:42px}.cosmetic-card{min-height:0}.cosmetic-bottom{margin-top:12px}}

.buddy-mini-btn .buddy-stage.compact{width:44px;height:44px;border-radius:0;border:0;box-shadow:none;background:transparent!important}.buddy-mini-btn .buddy-stage.compact .buddy-svg{width:48px;height:52px;transform:translateY(7px) scale(1.18)}


/* v2.5.1 · Personalización base gratuita del personaje */
.appearance-panel{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start;border:1px solid #373c67;border-radius:24px;padding:20px;margin:0 0 18px;background:linear-gradient(135deg,#121a31,#18162f)}
.appearance-preview{position:sticky;top:92px;display:grid;justify-items:center;gap:9px}.appearance-preview .buddy-stage{width:250px;height:280px}.appearance-preview .buddy-svg{width:226px;height:260px}.free-pill{font-size:9px;font-weight:900;letter-spacing:.7px;color:#76e4bd;background:rgba(67,211,158,.1);border:1px solid rgba(67,211,158,.25);border-radius:999px;padding:6px 9px}
.appearance-copy .reward-heading{margin:0 0 14px}.appearance-copy .reward-heading h3{font-size:22px;margin:4px 0}.appearance-groups{display:grid;gap:12px}.appearance-group{border:1px solid #2b3555;background:#10182b;border-radius:16px;padding:12px}.appearance-group-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.appearance-group-title b{font-size:12px}.appearance-group-title span{font-size:8px;font-weight:900;letter-spacing:.7px;color:#72dfb9;background:rgba(67,211,158,.08);padding:4px 6px;border-radius:999px}.appearance-options{display:flex;gap:7px;flex-wrap:wrap}.appearance-choice{position:relative;min-height:47px;border:1px solid #323d5e;background:#151e35;color:#c5ccdb;border-radius:12px;padding:7px 9px;display:flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-size:10px}.appearance-choice:hover{border-color:#625ad0}.appearance-choice.selected{border-color:#796bff;background:#201d43;box-shadow:0 0 0 1px rgba(121,107,255,.16) inset;color:#fff}.appearance-choice em{font-style:normal;color:#7be4bd;font-size:10px}.appearance-swatch{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.23);box-shadow:0 0 0 1px rgba(0,0,0,.26)}.appearance-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#202a47;color:#dcd8ff;font-style:normal;font-weight:900;font-size:13px}.appearance-toggle{width:100%;border:1px solid #323d5e;background:#151e35;color:#c5ccdb;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font:inherit}.appearance-toggle span{font-size:11px}.appearance-toggle b{font-size:10px;color:#9ba6bd}.appearance-toggle.selected{border-color:#796bff;background:#201d43}.appearance-toggle.selected b{color:#72dfb9}
@media(max-width:900px){.appearance-panel{grid-template-columns:220px 1fr}.appearance-preview .buddy-stage{width:205px;height:232px}.appearance-preview .buddy-svg{width:188px;height:220px}}
@media(max-width:700px){.appearance-panel{grid-template-columns:1fr;padding:15px}.appearance-preview{position:static}.appearance-preview .buddy-stage{width:210px;height:235px}.appearance-preview .buddy-svg{width:190px;height:220px}.appearance-copy .reward-heading{display:block;text-align:center}.appearance-copy .reward-heading .tag{display:inline-flex;margin-top:8px}.appearance-choice{flex:1 1 calc(50% - 7px);justify-content:flex-start}.color-options .appearance-choice{flex:1 1 calc(33.33% - 7px);padding:7px}.color-options .appearance-choice span{font-size:9px}}

/* v2.6.2 · Pulido visual, descanso, traductor contextual y plan semanal IA */
.buddy-eyes-open{opacity:1;animation:buddy-eye-open 5.8s steps(1,end) infinite}
.buddy-eyes-closed{opacity:0;animation:buddy-eye-closed 5.8s steps(1,end) infinite}
.buddy-stage.state-sleep .buddy-eyes-open{display:none!important;animation:none!important}
.buddy-stage.state-sleep .buddy-eyes-closed{opacity:1!important;animation:none!important}
@keyframes buddy-eye-open{0%,44%,49%,100%{opacity:1}45%,48%{opacity:0}}
@keyframes buddy-eye-closed{0%,44%,49%,100%{opacity:0}45%,48%{opacity:1}}
.buddy-eyes{animation:none!important;transform:none!important}
.buddy-stage.flat-scene{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.rest-buddy-wrap .buddy-stage{border:0!important;background:transparent!important;box-shadow:none!important}
.rest-buddy-wrap{background:transparent!important;border:0!important}
.buddy-back{filter:drop-shadow(0 5px 8px rgba(0,0,0,.16))}
.buddy-arms{filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}

.avatar-name-editor{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#10182b}
.avatar-name-editor label{display:block;font-size:11px;color:#aeb8cc}
.avatar-name-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;margin-top:7px}
.avatar-name-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.avatar-name-suggestions button{border:1px solid #35405f;background:#141d32;color:#cdd5e7;border-radius:999px;padding:7px 10px;font:inherit;font-size:10px;cursor:pointer}
.avatar-name-suggestions button:hover{border-color:#756cff;color:white}

.rest-hero{background:linear-gradient(145deg,#11172a,#17172b 63%,#1c1832)!important}
.rest-hero .buddy-stage,.rest-hero .flat-scene{background:transparent!important}
.rest-voice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:7px}
.rest-voice-row select{margin-top:0!important}
.rest-speed-head{display:flex;justify-content:flex-end;margin-top:7px;font-size:10px;color:#aaa3ff}
.rest-setup .lofi-bar{margin-top:14px}

.translator-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:5px;border-radius:15px;background:#0d1425;border:1px solid var(--line)}
.translator-mode-switch button{border:0;border-radius:11px;padding:11px 13px;background:transparent;color:#8793ad;font:inherit;font-weight:800;cursor:pointer}
.translator-mode-switch button.active{background:#211e47;color:#f1efff;box-shadow:inset 0 0 0 1px rgba(121,107,255,.38)}
.think-analysis{margin-top:12px;padding:13px 14px;border:1px solid rgba(121,107,255,.24);border-radius:14px;background:rgba(121,107,255,.06)}
.think-analysis b{display:block;margin-bottom:5px}.think-analysis p{margin:0;color:#aeb7ca;font-size:12px;line-height:1.6}

.plan-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.plan-renew-banner{margin:0 0 14px;padding:16px;border:1px solid rgba(67,211,158,.28);border-radius:17px;background:linear-gradient(120deg,rgba(67,211,158,.08),rgba(121,107,255,.07));display:flex;gap:14px;align-items:center;justify-content:space-between}
.plan-renew-banner h3{margin:0 0 4px;font-size:16px}.plan-renew-banner p{margin:0;color:#9aa6bd;font-size:11px;line-height:1.5}
.pending-plan-note{padding:10px 12px;margin-top:12px;border-radius:12px;background:#171f34;color:#aeb8cc;font-size:11px;border:1px solid #2f3958}
.plan-ai-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.plan-ai-status{margin-top:10px;font-size:11px;color:#9fa9c0}

.class-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.class-precision-note{padding:10px 12px;border:1px solid rgba(67,211,158,.22);background:rgba(67,211,158,.05);border-radius:12px;color:#9fbbae;font-size:10px;line-height:1.5}.key-point-list{margin:8px 0 14px;padding-left:20px;color:#cbd3e3;line-height:1.6}.class-unclear{padding:12px 14px;border:1px solid rgba(244,201,93,.2);border-radius:13px;background:rgba(244,201,93,.05);color:#cfc6a7;font-size:11px;line-height:1.55}

.lofi-bar{background:linear-gradient(120deg,rgba(121,107,255,.075),rgba(17,24,42,.98))}
.lofi-copy small{line-height:1.35}

@media(max-width:760px){
  .avatar-name-row,.rest-voice-row,.class-config-grid{grid-template-columns:1fr}
  .avatar-name-row .btn,.rest-voice-row .btn{width:100%}
  .plan-renew-banner{display:block}.plan-renew-banner .btn{width:100%;margin-top:12px}
  .plan-head-actions{justify-content:flex-start;margin-top:10px}
}

/* v2.6.2 */
.translator-mode-switch button small{display:block;font-size:11px;font-weight:600;opacity:.9;margin-top:4px;line-height:1.25}
.translator-mode-title{display:block}
.section-back-row{margin:0 0 10px}
.reading-toggle-bar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 10px}
.reading-toggle-bar .btn.small{padding:8px 12px;border-radius:999px}
.reading-toggle-bar .btn.small.active-hide{border-color:#796bff;background:#201d43;color:#fff}
.ai-story-line .pron{margin:5px 0 0;color:#bfc7da}
.buddy-stage.avatar-female .buddy-svg{transform:translateY(0)}

/* v2.6.2 · nuevos fondos y repetición bilingüe */
.buddy-stage.bg-library{background:linear-gradient(155deg,#2b2332,#151a29 68%)}
.buddy-stage.bg-library:before{content:"";position:absolute;left:16px;right:16px;bottom:30px;height:92px;border-radius:8px;background:repeating-linear-gradient(90deg,#6e4d3b 0 12px,#9b6c4f 12px 23px,#506680 23px 34px,#7d5c76 34px 46px);opacity:.52;clip-path:polygon(0 24%,100% 24%,100% 100%,0 100%)}
.buddy-stage.bg-cafe{background:radial-gradient(circle at 76% 18%,rgba(248,210,151,.25),transparent 28%),linear-gradient(155deg,#4a392f,#1c202a 70%)}
.buddy-stage.bg-cafe:before{content:"";position:absolute;left:24px;bottom:31px;font-size:32px;opacity:.35}
.buddy-stage.bg-park{background:radial-gradient(circle at 75% 16%,rgba(235,224,154,.35),transparent 22%),linear-gradient(#536d73,#263c41 58%,#263f32)}
.buddy-stage.bg-park:before{content:"";position:absolute;left:0;right:0;bottom:0;height:67px;background:linear-gradient(#294837,#1f352a)}
.buddy-stage.bg-room{background:radial-gradient(circle at 74% 20%,rgba(154,143,255,.25),transparent 24%),linear-gradient(155deg,#25233d,#121827 70%)}
.buddy-stage.bg-room:before{content:"";position:absolute;left:18px;bottom:34px;width:66px;height:46px;border-radius:12px 12px 5px 5px;background:#3b3453;opacity:.65}
.buddy-stage.bg-sunrise{background:radial-gradient(circle at 75% 24%,rgba(255,225,167,.7),transparent 18%),linear-gradient(#886b83,#c88c75 58%,#503f54)}
.repeat-language-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--line);background:#10182b;border-radius:15px;padding:12px;margin:14px 0}
.repeat-language-box>b,.repeat-language-box>small{grid-column:1/-1}.repeat-language-box>small{color:#8f9ab2;font-size:10px;margin-top:-3px}.repeat-language-box label{display:flex;align-items:center;gap:8px;border:1px solid #303a5c;border-radius:11px;background:#151e35;padding:10px 12px;font-size:11px;font-weight:800}.repeat-language-box input{accent-color:#796bff}
@media(max-width:600px){.repeat-language-box{grid-template-columns:1fr}}
.topbar-title-wrap{display:flex;align-items:center;gap:12px}.global-back-btn{border:1px solid #303a5d;background:#121a2d;color:#c8d0df;border-radius:11px;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.global-back-btn:hover{border-color:#756cff;color:#fff}@media(max-width:620px){.topbar-title-wrap{gap:7px}.global-back-btn{padding:7px 8px;font-size:10px}}