/* EntreLíneas · identity supplied by the owner, October 2026. Loaded last. */
:root{--bg:#fff;--paper:#fff;--surface:#fff;--card:#fff;--text:#11141f;--ink:#11141f;--muted:#656a79;--line:#e9eaf0;--coral:#3155df;--orange:#3155df;--accent:#3155df;--dark:#26328c;--accent-hover:#2345c7;--accent-text:#3033ac;--on-accent:#fff;--accent-soft:#efefff;--mint:#edf3fb;--peach:#eef1ff;--brand-gradient:linear-gradient(135deg,#03c4e9 0%,#1768ef 37%,#6633ee 68%,#d000ec 100%);--action-gradient:linear-gradient(120deg,#265ce1,#5338ce);--app-surface:var(--paper);--app-field:#fafafd;--app-text:var(--text);--app-border:#e2e4ec;--app-focus:#eeeffd}
html[data-mode=dark]{--bg:#0b0e18;--paper:#141827;--surface:#141827;--card:#141827;--text:#f4f5fc;--ink:#f4f5fc;--muted:#b3b9cc;--line:#2c3147;--dark:#b4c2ff;--accent-text:#b2c1ff;--accent-soft:#252343;--app-surface:#141827;--app-field:#1d2235;--app-text:#f4f5fc;--app-border:#3b425a;--app-focus:#2c3151}
body,html[data-mode=dark] body,html[data-mode=dark] .workspace{background:var(--bg);color:var(--text)}
:is(.sidebar,.post,.settings-panel,.profile-card,.stat,.result-user,.empty,dialog,.community-tile),html[data-mode=dark] :is(.sidebar,.post,.settings-panel,.profile-card,.stat,.result-user,.empty,dialog,.community-tile){background:var(--paper);color:var(--text);border-color:var(--line)}
.topbar,.mobile-bar,html[data-mode=dark] .topbar,html[data-mode=dark] .mobile-bar{background:var(--paper);color:var(--text);border-color:var(--line)}
.topbar-title,.brand{color:var(--text);font-weight:800}.brand span,.topbar-title span{color:#ac13d7}.brand img{object-fit:contain}.top-actions .icon-button{color:#555c6c}.top-actions>button:last-child{padding:0}.searchbox input{background:#f5f5f8;color:var(--text)}.searchbox{color:#626978}
:is(.primary,.button:not(.subtle):not(.danger)),html[data-mode=dark] .primary,.settings-panel [data-action=logout]{background:var(--action-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3445c316}
:is(.primary,.button:not(.subtle):not(.danger)):hover{background:linear-gradient(120deg,#1c49c5,#4530b5)}
.link,.action.on,.steps span,.profile-tabs button[aria-selected=true]{color:var(--accent-text)}.action.on .icon-heart{fill:#7374ee24}.feedback-toggle>.icon:last-child{color:var(--accent-text)}.icon-button:hover{color:var(--accent-text);background:var(--accent-soft)}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5264ee25}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}input[type=checkbox],input[type=radio],.video-controls input{accent-color:var(--accent)}
input,textarea,select,.secondary,.app-select-trigger,.chip{border-color:var(--app-border);color:var(--text);background:var(--paper)}.secondary:hover{background:var(--accent-soft)}.app-select-trigger{background:var(--app-field)}.app-select-trigger[aria-expanded=true]{border-color:var(--accent);outline-color:#5264ee33}.app-select-menu [aria-selected=true]{color:var(--accent-text)}
.nav button.active,.nav button:hover,html[data-mode=dark] .nav button.active,html[data-mode=dark] .nav button:hover{color:var(--accent-text);background:var(--accent-soft)}.nav button.active:before{background:var(--accent)}
.avatar{border:2px solid transparent!important;background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--brand-gradient) border-box;color:var(--text)}.avatar.coral,.avatar.lavender,.avatar.gold,.avatar.blue{color:var(--accent-text);background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--brand-gradient) border-box}img.avatar{padding:1px;background:var(--brand-gradient);object-fit:cover}
.hero,html[data-mode=dark] .hero{min-height:278px;border:0;border-radius:22px;padding:30px;margin-bottom:20px;position:relative;display:flex;align-items:center;background:#eaf5fe;overflow:hidden}.hero-copy{position:relative;z-index:1;width:100%;pointer-events:none}
.hero .eyebrow,html[data-mode=dark] .hero .eyebrow{font-size:10px;letter-spacing:1.3px;color:#36648a;margin-bottom:14px;white-space:nowrap}.hero .eyebrow:before{background:#08a8e9;box-shadow:0 0 5px #03b1ec55;flex:none}
.hero h1,html[data-mode=dark] .hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.8px;max-width:60%;color:#080c16;font-weight:800}.hero h1 em,html[data-mode=dark] .hero h1 em{color:#3741d3;background:linear-gradient(100deg,#009de2 0%,#2749db 48%,#a000d3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.hero p,html[data-mode=dark] .hero p{font-size:16px;line-height:1.45;max-width:49%;color:#535b6d;margin-top:18px}.hero-art{display:block;position:absolute;right:-8px;top:auto;bottom:16px;width:45%;height:auto;transform:none;opacity:1;pointer-events:none}
.continue-reading,html[data-mode=dark] .continue-reading{display:flex;flex-wrap:nowrap;gap:12px;background:#f4f1fc;color:var(--text);padding:14px;border-radius:18px;min-height:78px}.continue-icon{flex:none;display:grid;place-items:center;background:#ebe4fb;color:#7849bd;width:40px;height:42px;border-radius:12px}.continue-icon svg{width:23px;height:23px}.continue-copy{display:block;flex:1;min-width:0}.continue-copy>span{font-size:13px;color:var(--muted);display:block}.continue-copy .link{display:block;text-align:left;font-size:17px;font-weight:750;padding:4px 0 0;min-height:0;min-width:0;color:var(--accent-text);line-height:1.25;overflow-wrap:anywhere}.continue-arrow{color:var(--muted);display:flex}.continue-arrow svg{width:18px;height:18px}
.community-shortcuts{display:flex;flex-wrap:nowrap;gap:7px;margin:12px 0 24px;overflow:auto;scrollbar-width:none}.community-shortcuts .chip{flex:1;justify-content:center;padding:10px 12px;font-size:13px}.section-heading{margin:0 0 14px}.section-heading h2{color:var(--text);font-weight:800;line-height:1.15;letter-spacing:-.8px}.app-select-trigger.sort{background:var(--app-field);border:1px solid var(--app-border);font-size:13px;min-width:125px;padding:10px 12px}
.discovery-tools{margin:0 0 13px;gap:8px}.discovery-tools small{display:none}.discovery-tools .chip{font-size:12px;min-height:36px}.discovery-tools svg{width:17px;height:17px}.feed-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:0 0 10px}.feed-tabs button{position:relative;padding:12px 0 10px;border-radius:0;color:var(--muted);font-size:14px;min-height:44px}.feed-tabs button.active{color:var(--accent-text);font-weight:700;border-bottom:2px solid var(--accent-text)}
.chip{border-color:var(--line);color:#555c6b}.filters .chip{font-size:12px;padding:9px 13px;min-height:38px}.chip.active,html[data-mode=dark] .chip.active{color:#fff;border-color:transparent;background:linear-gradient(115deg,#2774e5,#3438c9)}
.mobile-bar button{color:#626a79}.mobile-bar button.active,html[data-mode=dark] .mobile-bar button.active{color:var(--accent-text)}.mobile-bar .create-mobile,html[data-mode=dark] .mobile-bar .create-mobile{background:var(--brand-gradient);border:0;color:#fff;box-shadow:0 5px 13px #7530d32b;border-radius:15px}.mobile-bar .create-mobile svg{color:#fff;stroke-width:1.5}
.plus-button,html[data-mode=dark] .plus-button{background:linear-gradient(120deg,#e8f6ff,#f3e9ff);color:#333090;border-color:#dedafa;box-shadow:0 3px 12px #4135a815}.plus-button:hover{background:linear-gradient(120deg,#def0ff,#edddff);border-color:#b7abec}.plus-button span{color:#8f38db}.story-progress{accent-color:var(--accent)}.story-progress::-webkit-progress-value{background:var(--accent)}.story-progress::-moz-progress-bar{background:var(--accent)}
.share-cover,.generated-cover,.after-reading{background:var(--accent-soft);color:var(--text)}.profile-text-cover{background:linear-gradient(145deg,#384cbe,#1b1643)}.notification.unread{background:var(--accent-soft)}.follow{border-color:var(--app-border);color:var(--accent-text)}.settings-panel .primary{min-height:44px}.publication-success img{width:104px;height:104px}dialog .composer-actions,html[data-mode=dark] dialog .composer-actions{background:var(--paper);color:var(--text)}
.startup-loading-layer{background:var(--bg)}.spinner{width:52px;height:52px;border:0;border-radius:0;background:url('/brand-primary.png') center / contain no-repeat;animation:brand-breathe 1.5s ease-in-out infinite}.boot.brand-loading{min-height:90vh}.brand-loading img{width:112px;height:112px;object-fit:contain;animation:brand-breathe 1.5s ease-in-out infinite}
.check{align-items:flex-start;gap:10px;text-align:left}.check>input[type=checkbox]{flex:none;width:18px;height:18px;margin:3px 0 0}.check>span{display:block;flex:1;min-width:0;line-height:1.5}.check>span a{display:inline;white-space:normal}
html[data-mode=dark] :is(input,select,textarea,.secondary,.chip,.options-menu button,.composer-preview,.searchbox input,.tag){background:var(--app-field);color:var(--text);border-color:var(--line)}html[data-mode=dark] .chip.active{background:linear-gradient(115deg,#2774e5,#3438c9);border-color:transparent}html[data-mode=dark] .hero{background:#14223a}html[data-mode=dark] .hero h1{color:#f5f8ff}html[data-mode=dark] .hero p{color:#b6c6df}html[data-mode=dark] .hero .eyebrow{color:#90bdf5}html[data-mode=dark] .hero h1 em{background-image:linear-gradient(100deg,#39ccff,#96a2ff 48%,#e290ff)}html[data-mode=dark] .continue-reading{background:#201e38}html[data-mode=dark] .continue-icon{background:#32284c;color:#c5a0fb}html[data-mode=dark] :is(.share-cover,.generated-cover,.after-reading,.notification.unread){background:var(--accent-soft);color:var(--text)}html[data-mode=dark] :is(.top-actions .icon-button,.mobile-bar button){color:var(--muted)}html[data-mode=dark] .plus-button{background:linear-gradient(120deg,#172845,#322044);color:#d9dcff;border-color:#49405f}html[data-mode=dark] .startup-loading-layer{background:var(--bg)}html[data-mode=dark] #modal.comments-sheet{background:var(--paper)}html[data-mode=dark] #toast{background:#e6eaff;color:#18224b}
@keyframes brand-breathe{0%,100%{opacity:.8}50%{opacity:1}}
@media(max-width:700px){.topbar{height:65px;padding:0 16px;gap:9px}.topbar-title{font-size:18px;letter-spacing:-.8px}.topbar .searchbox{min-width:45px;max-width:150px}.searchbox input{font-size:11px;padding-left:30px;border-radius:13px}.top-actions{gap:5px}.top-actions .icon-button{width:30px;min-width:30px}.top-actions .avatar{width:34px;height:34px}.main-layout{padding:14px 14px 100px}.hero,html[data-mode=dark] .hero{padding:17px 16px;min-height:191px;border-radius:17px;margin-bottom:14px}.hero .eyebrow,html[data-mode=dark] .hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:11px;gap:5px}.hero h1,html[data-mode=dark] .hero h1{font-size:clamp(24px,7vw,38px);max-width:61%;line-height:1.08;letter-spacing:-1.2px}.hero p,html[data-mode=dark] .hero p{font-size:13px;line-height:1.4;max-width:51%;margin-top:14px}.hero-art{width:47%;right:-3px;bottom:18px}.continue-reading{padding:12px;gap:11px;min-height:72px;border-radius:16px}.continue-copy>span{font-size:12px}.continue-copy .link{font-size:16px}.community-shortcuts{gap:6px;margin:10px 0 22px}.community-shortcuts .chip{padding:8px 10px;font-size:12px}.section-heading h2{font-size:22px;max-width:62%}.section-heading{gap:10px;align-items:center}.app-select-trigger.sort{font-size:12px;min-width:117px;min-height:40px;gap:4px}.filters{gap:7px;margin-bottom:10px}.filters .chip{font-size:12px;padding:8px 11px}.mobile-bar{padding:8px 8px max(10px,env(safe-area-inset-bottom))}.mobile-bar button{font-size:10px;gap:4px}.mobile-bar svg{width:24px;height:24px}.mobile-bar .create-mobile{height:45px;min-width:47px;border-radius:14px}.mobile-bar .create-mobile svg{width:28px;height:28px}}
@media(max-width:359px){.topbar{padding:0 10px;gap:7px}.topbar-title{font-size:16px}.top-actions{gap:1px}.hero .eyebrow{font-size:7px}.hero p{font-size:12px}.community-shortcuts .chip{font-size:11px;padding:8px}.section-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.spinner,.brand-loading img{animation:none}}
/* Override legacy grouped dark selectors without changing reading preferences. */
html[data-mode=dark] #app .hero{background:#14223a}
html[data-mode=dark] #app .continue-reading{background:#201e38}
html[data-mode=dark] #app :is(.share-cover,.generated-cover,.after-reading,.notification.unread){background:var(--accent-soft);color:var(--text)}
@media(max-width:700px){.filters{margin-right:0;padding-right:0;max-width:100%}}
@media(max-width:359px){.post-actions{gap:8px}}

/* Rosado keeps the same layout and accessible dark text. */
html[data-mode=pink]{--bg:#fff0fa;--paper:#fff8fd;--surface:#fff8fd;--card:#fff8fd;--text:#3e1049;--ink:#3e1049;--muted:#805b82;--line:#efcde6;--coral:#c70b93;--orange:#c70b93;--accent:#c70b93;--dark:#681070;--accent-hover:#a3087c;--accent-text:#a50c85;--accent-soft:#ffe0f5;--mint:#ffe9f8;--peach:#ffe1f3;--brand-gradient:linear-gradient(135deg,#ed35b8,#c70b93);--action-gradient:linear-gradient(120deg,#dc269e,#c70b93);--app-field:#fff6fc;--app-border:#edbbdf;--app-focus:#ffe1f6;color-scheme:light}
html[data-mode=pink] :is(.topbar,.mobile-bar){background:#fff5fced;border-color:var(--line)}
html[data-mode=pink] :is(.chip,.secondary,.tag,input,select,textarea){color:var(--text);border-color:var(--line);background:var(--app-field)}
html[data-mode=pink] :is(.primary,.chip.active){background:var(--action-gradient);color:#fff;border-color:transparent}
html[data-mode=pink] .plus-button{background:#ffe5f7;color:#67106b;border-color:var(--line)}
html[data-mode=pink] .plus-button span{color:#c70b93}
html[data-mode=pink] .avatar{background:linear-gradient(135deg,#f653c2,#b20daa)}
html[data-mode=pink] :is(.topbar-title,.top-actions .icon-button,.mobile-bar button){color:var(--text)}
html[data-mode=pink] .mobile-bar button.active{color:#bd0089}
html[data-mode=pink] .app-select-trigger{border-color:var(--app-border);background:var(--app-field);color:var(--text)}
html[data-mode=pink] .app-select-trigger[aria-expanded=true]{outline:2px solid #d91aad}
html[data-mode=pink] .app-select-menu{background:var(--paper);border-color:var(--line)}
html[data-mode=pink] .app-select-menu button{color:var(--text)}
html[data-mode=pink] .app-select-menu [aria-selected=true]{background:#ffdcf4;color:#a5007b}
html[data-mode=pink] :is(.continue-reading,.continue-icon,.hero){background:#ffe6f7}
html[data-mode=pink] .hero h1 em{background-image:linear-gradient(90deg,#ab0a91,#d82aa9)}
html[data-mode=pink] .hero p{color:var(--muted)}
.app-video video{cursor:pointer}
.image-viewer .app-video video{cursor:default}
.email-pending{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--accent-soft);overflow-wrap:anywhere}

.plus-choice{display:grid;gap:12px}.plus-plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.plus-plans article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft)}

.plus-content img{max-width:100%;height:auto;border-radius:16px}.plus-content article{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:16px}.plus-subscription{padding:1rem 0;border-bottom:1px solid var(--line)}.plus-subscription button{margin:.25rem}