/* Entre Líneas V12 · Quiet Future
   Vista de información progresiva: claridad primero, movimiento después.
   Nunca oculta diarios ni contenido privado mediante animaciones. */
:root{
  --v12-ink:#353243;--v12-muted:#766d82;--v12-plum:#665579;--v12-plum-dark:#4e3d60;
  --v12-mint:#dcefe9;--v12-orchid:#f0e9fa;--v12-line:rgba(99,83,119,.12);
  --v12-ease:cubic-bezier(.22,1,.36,1);
  --v12-shadow:0 15px 42px rgba(57,43,75,.08);
}
body.app-user{
  --ink:var(--v12-ink);--muted:var(--v12-muted);--brand:var(--v12-plum);--brand2:#a294be;
  --line:#eae5ed;--soft:#f4eff7;--shadow:var(--v12-shadow);
  background:radial-gradient(ellipse 550px 480px at 108% 3%,rgba(219,207,243,.32),transparent 75%),
  radial-gradient(ellipse 680px 540px at -10% 65%,rgba(210,236,229,.27),transparent 75%),
  linear-gradient(155deg,#fcfbfd,#faf9fc 55%,#fcfcfa);
  color:var(--v12-ink)
}
body.app-user :where(h1,h2,h3){color:var(--v12-ink)}
body.app-user :where(p,.muted){color:var(--v12-muted)}
body.app-user :where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid rgba(114,92,157,.55);outline-offset:3px}
body.app-user :where(.card,.diary-entry,.el-wb-card,.v10-write-card,.notif-item){border-color:var(--v12-line);box-shadow:0 6px 25px rgba(63,48,76,.038)}
body.app-user .btn:not(.secondary):not(.ghost):not(.danger){background:linear-gradient(125deg,#766389,#56476c);box-shadow:0 9px 21px rgba(89,67,113,.17)}
body.app-user .btn:focus-visible{outline-offset:4px}
/* Un solo lenguaje de interacción sin movimientos que escondan contenido */
body.app-user :where(.btn,.v12-home-path a,.v12-menu-links a,.v12-wb-tab){transition:transform .27s var(--v12-ease),background .26s ease,box-shadow .27s var(--v12-ease),border-color .25s ease}
@media(hover:hover){body.app-user .v12-home-path a:hover{transform:translateY(-2px);box-shadow:0 14px 31px rgba(76,57,90,.085)}}
body.app-user :where(.btn,.v12-home-path a,.v12-menu-links a):active{transform:scale(.984)}
/* Top navigation: one clear row, quick links only. */
@media(min-width:761px){
 body.app-user:not(.page-admin):not(.page-admin-users) .app-main-nav{background:rgba(252,250,255,.91);border-color:rgba(117,98,140,.1);position:sticky;top:0;z-index:65;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
 body.app-user:not(.page-admin):not(.page-admin-users) .nav-inner{min-height:74px}
 body.app-user:not(.page-admin):not(.page-admin-users) .nav-links{gap:5px}
 body.app-user .v12-primary-link{padding:12px 16px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;color:#73677e!important;background:transparent!important}
 body.app-user .v12-primary-link.is-active,body.app-user .v12-primary-link:hover{background:#f0eaf6!important;color:#57446b!important}
 .v12-desktop-more{display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #ede6f2;background:rgba(255,255,255,.65);color:#645574;border-radius:14px;cursor:pointer;font-size:13px;font-weight:850}
 .v12-desktop-more i{width:6px;height:6px;border-radius:50%;background:#bd719e}
 .v12-desktop-more.is-active{background:#eee7f5;border-color:#d6c6e0}
}
@media(max-width:760px){.v12-desktop-more{display:none}}
/* Floating dock: glass only on navigation layer, not text content. */
@media(max-width:760px){
 body.app-user:not(.page-admin):not(.page-admin-users){padding-bottom:calc(104px + env(safe-area-inset-bottom))}
 body.app-user:not(.page-admin):not(.page-admin-users) .v12-dock{
   position:fixed!important;top:auto!important;left:10px!important;right:10px!important;
   bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:155!important;
   width:auto!important;min-height:70px;height:70px!important;max-height:70px!important;
   padding:7px 5px!important;margin:0!important;
   background:rgba(250,249,252,.93)!important;border:1px solid rgba(177,159,196,.32)!important;
   border-radius:25px!important;box-shadow:0 11px 35px rgba(52,41,71,.16)!important;
   backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);
   display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;
   gap:1px!important;overflow:visible!important
 }
 body.app-user .v12-dock .mobile-nav-item{
   min-width:0!important;width:100%!important;height:56px!important;min-height:0!important;
   padding:6px 1px 5px!important;display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;gap:3px!important;
   font-size:10px!important;line-height:1.12!important;color:#81788d!important;
   border:0!important;border-radius:19px!important;background:transparent!important;
   box-shadow:none!important;transform:none!important;position:relative!important;top:auto!important;cursor:pointer
 }
 body.app-user .v12-dock .mobile-nav-item .mobile-nav-icon{width:30px!important;height:28px!important;display:grid!important;place-items:center!important}
 body.app-user .v12-dock .mobile-nav-item .mobile-nav-icon svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
 body.app-user .v12-dock .mobile-nav-item .mobile-nav-icon:before{display:none!important}
 body.app-user .v12-dock .mobile-nav-item.active{color:#4f3e64!important;background:#eee7f5!important;font-weight:850}
 body.app-user .v12-dock .mobile-nav-item.active:after{display:none!important}
 body.app-user .v12-dock .mobile-nav-item:not(.active):active{background:#f1ebf5!important}
 .v12-unread-pip{display:inline-block;margin-left:4px;width:6px;height:6px;background:#bc779f;border-radius:100%;vertical-align:middle}
 body.app-user .v9-mobile-top{height:auto;min-height:64px;transition:box-shadow .24s ease,background .24s ease;background:rgba(252,251,254,.91)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(116,96,139,.08)}
 body.app-user.v12-scrolled .v9-mobile-top{box-shadow:0 5px 22px rgba(54,42,67,.065)}
 body.app-user .v9-mobile-logo{background:linear-gradient(135deg,#8b79a3,#665476)!important;color:white!important}
 body.app-user .v9-mobile-copy small{letter-spacing:0!important}
}
@media(max-width:360px){body.app-user .v12-dock .mobile-nav-item{font-size:9px!important}}
/* The More sheet is a real dialog; content never sits underneath a blurred scroll overlay. */
.v12-more-dialog{position:fixed;inset:auto 0 0 0;max-width:min(480px,100%);width:100%;height:auto;max-height:min(88dvh,750px);overflow-y:auto;
 margin:auto auto 0;border:1px solid #eee8f3;border-radius:28px 28px 0 0;background:#fdfcfe;color:#45384f;
 padding:24px 23px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -18px 62px rgba(32,28,43,.17)}
.v12-more-dialog:not([open]){display:none}
.v12-more-dialog::backdrop{background:rgba(33,28,45,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.v12-menu-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}
.v12-mini-label{letter-spacing:.13em;font-size:10px;font-weight:850;color:#9883a1}
.v12-menu-head h2{font-size:clamp(24px,5vw,31px);margin:5px 0 0;color:#4d3e5a}
.v12-menu-close{width:42px;height:42px;border-radius:14px;border:1px solid #eee6f3;background:#f5eff8;color:#645275;font-size:27px;cursor:pointer}
.v12-menu-links{display:grid;gap:8px}
.v12-menu-links a{display:flex;align-items:center;gap:13px;min-height:67px;padding:10px 12px;border:1px solid #f0ebf3;background:#fff;border-radius:18px;text-decoration:none;color:#655671}
.v12-menu-links a:hover{background:#f8f4fa}
.v12-menu-emoji{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:15px;background:linear-gradient(140deg,#f0e6f7,#e9f2ef);font-size:20px;color:#75648b}
.v12-menu-links a>span:nth-child(2){display:grid;flex:1;gap:3px}
.v12-menu-links strong{font-size:14px;color:#514260}.v12-menu-links small{font-size:12px;color:#8b8192;font-weight:450}
.v12-menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:#968ca0}
.v12-menu-bottom a{color:#76657e;text-decoration:none}
@media(min-width:761px){.v12-more-dialog{inset:84px 26px auto auto;border-radius:22px;max-width:420px;max-height:calc(100dvh - 105px);margin:0}}
@media(prefers-reduced-motion:no-preference){
 .v12-more-dialog[open]{animation:v12-sheet-enter .35s var(--v12-ease) both}
 @keyframes v12-sheet-enter{from{opacity:.9;transform:translateY(22px)}to{opacity:1;transform:none}}
}
/* The new home gives a clear path into three real tasks. */
body.app-user .v10-home-layout{max-width:1080px}
body.app-user .v10-greeting{padding:24px clamp(22px,3vw,35px) 24px;margin-bottom:15px;border-radius:26px;border:1px solid rgba(160,145,186,.16);
 background:linear-gradient(128deg,#eee9f7 0%,#f6f2fa 64%,#eaf4f0 100%);box-shadow:none}
body.app-user .v10-greeting h1{font-size:clamp(31px,4.8vw,50px);letter-spacing:-.06em}
body.app-user .v10-greeting p{max-width:560px;color:#786e83}
body.app-user .v10-hero-ornament{opacity:.3}
body.app-user .v10-home-grid{grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);gap:18px}
.v12-home-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.v12-home-path a{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;padding:14px;border:1px solid rgba(116,97,139,.12);background:#fff;border-radius:19px;color:#5e516d;box-shadow:0 3px 12px rgba(47,35,62,.025)}
.v12-home-path a>span:first-child{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#f1ebf7;color:#726184;font-size:20px}
.v12-home-path a>span:nth-child(2){flex:1;min-width:0}.v12-home-path a strong{font-size:13px;display:block;line-height:1.2}.v12-home-path a small{font-size:11px;color:#92889e;display:block;margin-top:3px;line-height:1.2}
.v12-home-path a>span:last-child{color:#8f809a}
.v12-home-path .v12-path-primary{background:linear-gradient(128deg,#66557b,#786590);color:#fff}
.v12-home-path .v12-path-primary>span:first-child{background:rgba(255,255,255,.15);color:white}
.v12-home-path .v12-path-primary small,.v12-home-path .v12-path-primary>span:last-child{color:#f0eaf8}
body.app-user .v10-write-card{background:#fff;border-color:rgba(111,90,135,.11);border-radius:26px;padding:25px;box-shadow:var(--v12-shadow)}
body.app-user .v10-prompt{background:linear-gradient(140deg,#f4effa,#eef4f3);border:1px solid #eee8f1;border-radius:21px}
body.app-user .v10-prompt p{font-size:clamp(20px,2.9vw,27px);color:#50435f}
body.app-user .v10-quick-form textarea{background:#fcfbfd;border-color:#e6dfe9;border-radius:19px;min-height:150px}
body.app-user .v10-mood-chip[aria-pressed=true]{background:#f0e9f7;color:#5d476d;border-color:#b5a1c8}
body.app-user .v10-side{gap:12px}
body.app-user .v10-connection-card{background:linear-gradient(150deg,#e9e8f4,#e7f3f0);border:1px solid #e1e1ec;border-radius:24px;box-shadow:none}
body.app-user .v10-connected-glyph{height:52px;opacity:.77}
body.app-user .v10-connection-card h3{font-size:22px}
body.app-user .v10-read-card{background:#fff;border-color:var(--v12-line)}
.v12-journey-reveal{background:#fff;border:1px solid var(--v12-line);border-radius:22px;overflow:hidden}
.v12-journey-reveal summary{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;cursor:pointer;list-style:none;color:#635271}
.v12-journey-reveal summary::-webkit-details-marker{display:none}
.v12-journey-reveal summary b{display:block;font-size:13px}.v12-journey-reveal summary small{font-size:11px;display:block;color:#95899e;margin-top:3px}
.v12-journey-reveal[open] summary>span:last-child{transform:rotate(180deg)}
body.app-user .v12-journey-reveal .v10-journey-card{border:0;border-top:1px solid var(--v12-line);border-radius:0;box-shadow:none;padding:18px;background:#fff}
@media(max-width:850px){body.app-user .v10-home-grid{grid-template-columns:1fr}.v12-home-path{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 body.app-user .v10-greeting{margin-bottom:12px;padding:20px;border-radius:24px}
 body.app-user .v10-greeting h1{font-size:34px}
 body.app-user .v10-hero-ornament{display:none}
 .v12-home-path{gap:7px;margin-bottom:13px}
 .v12-home-path a{display:block;padding:11px 7px 12px;text-align:center;border-radius:17px;min-width:0}
 .v12-home-path a>span:first-child{margin:0 auto 7px;width:33px;height:33px}
 .v12-home-path a strong{font-size:11px;word-break:normal}.v12-home-path a small{font-size:10px;line-height:1.25}
 .v12-home-path a>span:last-child{display:none}
 body.app-user .v10-write-card{padding:19px 16px;border-radius:23px}
 body.app-user .v10-quick-form textarea{min-height:145px}
 body.app-user .v10-side{grid-template-columns:1fr}
}
/* Wellbeing: 5 short destinations, only one content group on-screen at once. */
body.app-user .el-wellbeing{padding-top:16px}
body.app-user .el-wb-hero{padding:25px clamp(20px,4vw,30px);border-radius:26px;background:linear-gradient(128deg,#eae6f4,#eff2f6 70%,#e5f3ed);box-shadow:none;border:1px solid rgba(108,90,133,.12)}
body.app-user .el-wb-hero h1{font-size:clamp(30px,4.8vw,43px)}
body.app-user .el-wb-hero p{max-width:670px}
.v12-wb-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:19px 0 8px;padding:4px 2px 7px;scroll-snap-type:x proximity}
.v12-wb-tabs::-webkit-scrollbar{display:none}
.v12-wb-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;min-height:44px;padding:10px 17px;border-radius:999px;background:#fff;border:1px solid #eae3ef;text-decoration:none;color:#756883;font-size:13px;font-weight:820;scroll-snap-align:start}
.v12-wb-tab.is-active,.v12-wb-tab[aria-current=true]{background:#645477;color:#fff;border-color:#645477;box-shadow:0 5px 15px rgba(70,53,95,.13)}
.v12-wb-tab>span{font-size:17px;line-height:1}
.v12-wb-panel-note{font-size:12px;color:#938699;margin-bottom:14px;padding-left:4px;min-height:19px}
body.app-user .el-wb-grid{gap:14px}
body.app-user .el-wb-card{background:#fff;border:1px solid var(--v12-line);box-shadow:0 6px 22px rgba(48,38,65,.04);border-radius:23px;padding:23px}
body.app-user .el-wb-card h2{font-size:clamp(22px,3.5vw,28px)}
body.app-user .el-need-choice span{background:#fbfafc;border-color:#eee8f2}
body.app-user .el-exercise{background:#fbfafd;border:1px solid #eae3ef;border-radius:19px}
body.app-user .el-exercise-work{border-color:#eee8f3}
body.app-user .el-mood-meter i{background:linear-gradient(100deg,#bba5d8,#8ac2bd)}
body.app-user .el-help-panel{background:#f3f7f4}
@media(max-width:760px){
 body.app-user .el-wb-hero{padding:20px;border-radius:23px}
 .v12-wb-tabs{margin:14px -3px 5px;padding:4px 3px 7px}
 .v12-wb-tab{padding:9px 14px;font-size:12px;min-height:42px}
 body.app-user .el-wb-card{padding:18px;border-radius:21px}
 body.app-user .el-checkin-form .btn{width:100%}
}
/* Safety: no visual reveal dependency for private text or diaries */
body.app-user .diary-entry,body.app-user .entry-content,body.app-user .received-reply-text{opacity:1!important;visibility:visible!important}
@media(prefers-reduced-transparency:reduce){
 body.app-user .v12-dock,body.app-user .v9-mobile-top{background:#fcfafd!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .v12-more-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 body.app-user .v12-home-path a,body.app-user .v12-wb-tab,body.app-user .v12-menu-links a,body.app-user .v12-dock .mobile-nav-item{transition:none!important;animation:none!important;transform:none!important}
 .v12-more-dialog[open]{animation:none!important}
}

/* Fallback accessible when JS is off */
.v12-noscript-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 15px;background:#f8f4fc}
.v12-noscript-nav a{color:#655272;font-size:13px;font-weight:800}
@media(max-width:760px){.v12-noscript-nav{padding-bottom:15px}}
/* Tiny responsive affordances: purposeful feedback only */
@media(prefers-reduced-motion:no-preference){
 .v12-home-path .v12-path-primary>span:first-child{transition:transform .4s var(--v12-ease)}
 .v12-home-path .v12-path-primary:active>span:first-child{transform:rotate(-9deg) scale(.94)}
 .v12-wb-tab.is-active{animation:v12-tab-in .25s var(--v12-ease) both}
 @keyframes v12-tab-in{from{filter:brightness(1.08);transform:scale(.97)}to{filter:brightness(1);transform:none}}
}