*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Arial,sans-serif;color:#1c1c1e;background:#fff}button,input,textarea{font-family:inherit}.screen{position:fixed;inset:0;overflow:hidden;background:#fff}.safe{padding:calc(env(safe-area-inset-top) + 18px) 22px calc(env(safe-area-inset-bottom) + 18px)}.home{background:radial-gradient(circle at top,#222,#000 70%);color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:14px}.logo{font-size:46px;font-weight:900;letter-spacing:1px}.subtitle{color:#aaa;margin-bottom:22px}.btn{border:0;border-radius:18px;padding:15px 18px;font-weight:800;font-size:16px;background:#ffd60a;color:#111;width:100%;max-width:390px;margin:0 auto}.btn.dark{background:#1c1c1e;color:#fff}.btn.gray{background:#eee;color:#111}.pageTitle{font-size:34px;font-weight:850;margin:0 0 18px}.back{color:#ffb000;font-size:19px;font-weight:600;margin-bottom:18px;display:inline-block}.config,.training,.textpage{background:#f2f2f7;overflow:auto}.card{background:white;border-radius:18px;padding:15px;margin:12px 0;box-shadow:0 1px 0 rgba(0,0,0,.04)}label{display:block;font-size:13px;color:#777;margin:8px 0 4px}input,textarea{width:100%;font-size:17px;border:1px solid #ddd;border-radius:12px;padding:11px;background:#fff}textarea{height:110px}.row{display:flex;gap:10px;align-items:center}.pill{border:0;border-radius:999px;padding:10px 14px;background:#eee;font-weight:700}.pill.on{background:#ffd60a}.desk{background:#111;background-size:cover;background-position:center;color:white;touch-action:none}.status{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;z-index:5;color:inherit}.exit{position:absolute;top:calc(env(safe-area-inset-top) + 48px);left:18px;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.86);display:grid;place-items:center;font-size:38px;font-weight:900;color:#111;z-index:20}.ready{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 20px);color:#ffd60a;font-size:16px;z-index:20}.grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);z-index:10}.cell{display:grid;place-items:center;color:white;font-size:38px;font-weight:900}.training .grid{position:relative;height:70vh;background:#111;border-radius:24px;overflow:hidden}.training .cell{border:1px solid rgba(255,255,255,.45)}.zero{grid-column:2}.icons{position:absolute;top:95px;left:22px;right:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px}.iconBox{text-align:center;color:white;font-size:12px;text-shadow:0 1px 3px #000}.icon{width:58px;height:58px;border-radius:14px;margin:0 auto 6px;background:#394150;display:grid;place-items:center;font-size:28px}.notesIcon{background:#ffd60a;color:#111}.folders,.note{background:#fff;color:#3a3a3c}.notesTop{height:112px;position:relative}.circleBtn{position:absolute;top:calc(env(safe-area-inset-top) + 22px);width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);display:grid;place-items:center;font-size:44px;font-weight:900;color:#111}.circleBtn.left{left:18px}.circleBtn.r1{right:150px;font-size:38px}.circleBtn.r2{right:82px;font-size:34px}.circleBtn.r3{right:18px;font-size:35px}.noteTitle{font-size:44px;font-weight:900;line-height:1.02;margin:16px 0 26px;color:#414042}.foldersList{padding:0 18px}.folderRow{height:58px;border-radius:14px;background:#f7f7f9;margin:8px 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600}.folderName{display:flex;gap:10px}.noteBody{padding:0 26px 120px;overflow:auto;height:calc(100% - 112px)}.noteListTitle{font-size:46px;font-weight:900;color:#414042;margin:10px 0 76px}.item{font-size:26px;line-height:1.28;font-weight:750;color:#444;white-space:pre-wrap}.bottomBar{position:absolute;left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 24px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.toolBubble{height:56px;border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);display:flex;gap:28px;align-items:center;padding:0 24px;font-size:31px;color:#111}.compose{width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);display:grid;place-items:center;font-size:33px;color:#111}.notice{font-size:13px;color:#888;margin-top:8px}.hidden{display:none!important}

/* V2 ajustes realismo iPhone/PWA */
html,body,#app{height:100dvh;min-height:100dvh;overscroll-behavior:none;position:fixed;inset:0;width:100%;overflow:hidden;touch-action:manipulation;background:#fff}
.screen{height:100dvh;min-height:100dvh}.desk{inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;touch-action:pan-x;user-select:none;-webkit-user-select:none}.deskPhoto{position:fixed;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:transform .22s ease-out}.deskPhoto.slideOut{transform:translateX(-100%)}.captureLayer{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.captureCell{border:0;background:transparent}.captureCell.zero{grid-column:2}.training .grid{height:78vh}.training .cell{min-height:0}.thirdTap{position:fixed;inset:0;z-index:30}.exitHot{position:fixed;left:0;top:0;width:72px;height:72px;z-index:50;background:transparent}.readyDot{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom) + 12px);width:7px;height:7px;border-radius:50%;background:#ffd60a;opacity:.65;z-index:40}.folderIcon{position:relative;width:27px;height:19px;display:inline-block;border:2.7px solid #ffd60a;border-radius:4px;margin-right:10px;vertical-align:-2px}.folderIcon:before{content:"";position:absolute;left:1px;top:-8px;width:13px;height:7px;border:2.7px solid #ffd60a;border-bottom:0;border-radius:4px 4px 0 0;background:transparent}.folderName{align-items:center}.folderRow{background:transparent;border-bottom:1px solid #ececef;border-radius:0;margin:0;padding:0 4px;height:54px}.foldersList{padding:0 26px}.noteTitle{margin-top:20px}.browserWarning{position:fixed;left:16px;right:16px;bottom:18px;z-index:9999;background:rgba(0,0,0,.82);color:#fff;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.25;text-align:center}


/* V3 ajustes finales */
html,body,#app{
  height:100vh;height:100svh;height:100dvh;
  min-height:-webkit-fill-available;
  background:#000!important;
  padding:0!important;
}
.screen{inset:0!important;height:100vh;height:100svh;height:100dvh;min-height:-webkit-fill-available;background:#000;}
.desk{background:#000!important;}
.deskStage{position:fixed;inset:0;overflow:hidden;background:#000;z-index:1;}
.deskTrack{position:absolute;inset:0;display:flex;width:200vw;height:100%;transform:translate3d(0,0,0);transition:transform .34s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.deskTrack.go{transform:translate3d(-100vw,0,0);}
.deskPanel{width:100vw;height:100%;flex:0 0 100vw;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000;}
.captureLayer,.thirdTap,.exitHot,.readyDot{z-index:30}.exitHot{width:54px;height:54px}.readyDot{bottom:10px;right:10px;width:6px;height:6px;}
/* En modo presentación no dejamos margen inferior blanco dentro de la app */
.folders,.note{background:#fff!important;padding-bottom:0!important;}
.notesTop{height:104px;}
/* Eliminamos la barra de estado falsa para evitar duplicación con la barra real de iOS */
.status{display:none!important;}
.circleBtn{top:calc(env(safe-area-inset-top) + 12px);width:58px;height:58px;font-size:46px;}
.circleBtn.r1{right:154px;font-size:42px}.circleBtn.r2{right:86px;font-size:38px}.circleBtn.r3{right:18px;font-size:38px}
.noteBody{height:calc(100% - 104px);padding-bottom:105px;}
.bottomBar{left:22px;right:22px;bottom:max(8px, env(safe-area-inset-bottom));}
.toolBubble{height:66px;border-radius:33px;font-size:37px;gap:31px;padding:0 27px;}
.compose{width:66px;height:66px;border-radius:50%;font-size:39px;}
.folderIcon{width:30px;height:21px;border-width:3px}.folderIcon:before{border-width:3px;width:15px;height:8px;top:-9px}
.home,.config,.training,.textpage{background-clip:border-box;}
@supports (padding:max(0px)){
  .safe{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));}
}


/* V5: cubrir franja inferior de iOS con overscan real en pantallas falsas */
:root{--overscan-bottom:90px;}
html,body,#app{background:#000!important;width:100vw!important;height:100%!important;min-height:100%!important;}
body{position:fixed!important;left:0;right:0;top:0;bottom:0;overflow:hidden!important;}
.screen.desk{height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;bottom:calc(-1 * var(--overscan-bottom))!important;background:#000!important;}
.deskStage{top:0!important;left:0!important;right:0!important;bottom:calc(-1 * var(--overscan-bottom))!important;height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;background:#000!important;}
.deskTrack,.deskPanel{height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;}
.deskPanel{background-size:cover!important;background-position:center center!important;}
.captureLayer,.thirdTap{top:0!important;left:0!important;right:0!important;bottom:calc(-1 * var(--overscan-bottom))!important;height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;}
.readyDot{bottom:calc(var(--overscan-bottom) + 10px)!important;}
.status{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;}
.noteListTitle{font-size:34px!important;margin:4px 0 36px!important;line-height:1.05!important;}
.bottomBar{bottom:2px!important;transform:translateY(8px);}
.toolBubble{height:68px!important;border-radius:34px!important;font-size:39px!important;}
.compose{width:68px!important;height:68px!important;font-size:40px!important;}
@supports (height:100svh){
  .screen.desk,.deskStage,.deskTrack,.deskPanel,.captureLayer,.thirdTap{height:calc(100svh + var(--overscan-bottom))!important;}
}

/* V6: revertir overscan. En iOS PWA la zona del home indicator no siempre puede ocultarse;
   por seguridad la foto vuelve a terminar antes de esa franja, sin quedar tapada detrás. */
:root{--overscan-bottom:0px!important;}
html,body,#app{
  background:#000!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
body{position:fixed!important;inset:0!important;}
.screen.desk{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
  background:#000!important;
  overflow:hidden!important;
}
.deskStage{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.deskTrack{
  height:100vh!important;
  height:100dvh!important;
}
.deskPanel{
  height:100vh!important;
  height:100dvh!important;
  width:100vw!important;
  flex:0 0 100vw!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#000!important;
}
.captureLayer,.thirdTap{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
}
.readyDot{bottom:10px!important;right:10px!important;}
.status{display:none!important;visibility:hidden!important;opacity:0!important;}
.noteListTitle{font-size:32px!important;margin:2px 0 32px!important;line-height:1.05!important;}
.bottomBar{bottom:max(6px, env(safe-area-inset-bottom))!important;transform:none!important;}
.toolBubble{height:66px!important;border-radius:33px!important;font-size:38px!important;}
.compose{width:66px!important;height:66px!important;font-size:39px!important;}
@supports (height:100svh){
  html,body,#app,.screen.desk,.deskStage,.deskTrack,.deskPanel,.captureLayer,.thirdTap{height:100svh!important;min-height:100svh!important;}
}


/* V7: salida secreta con dos dedos y listas más regulares */
.noteBody{
  padding-left:22px!important;
  padding-right:22px!important;
  -webkit-overflow-scrolling:touch;
}
.noteListTitle{
  font-size:30px!important;
  font-weight:600!important;
  margin:0 0 26px!important;
  letter-spacing:-0.2px;
}
.noteItems{
  width:100%;
  font-size:21px;
  line-height:1.34;
  color:#3f3f42;
  font-weight:400!important;
  padding-bottom:110px;
}
.noteLine{
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:9px;
  align-items:start;
  min-height:28px;
  padding:1px 0;
  font-weight:400!important;
}
.lineNum{
  text-align:right;
  font-weight:400!important;
  font-variant-numeric:tabular-nums;
  color:#3f3f42;
  white-space:nowrap;
}
.lineWord{
  text-align:left;
  font-weight:400!important;
  color:#3f3f42;
  overflow-wrap:break-word;
}
.item{font-weight:400!important;}
.photoAdjust{margin-top:14px;}
.photoAdjust input[type="range"]{padding:0;border:0;}
/* Ya no existe doble swipe; el scroll rápido en listas no sale al menú. */

/* V8: gesto de salida más estricto, iconografía iOS y editor visual de fotos */
.notesTop{position:relative;height:104px!important;z-index:10;}
.iosBack{
  position:absolute;left:12px;top:calc(env(safe-area-inset-top) + 14px);
  width:58px;height:58px;border:0;background:transparent;padding:0;display:grid;place-items:center;
}
.iosBackIcon{position:relative;width:28px;height:28px;display:block;}
.iosBackIcon:before,.iosBackIcon:after{content:"";position:absolute;left:5px;width:25px;height:3.2px;background:#f4b400;border-radius:3px;transform-origin:left center;}
.iosBackIcon:before{top:13px;transform:rotate(-42deg)}
.iosBackIcon:after{top:13px;transform:rotate(42deg)}
.iosTopIcon{position:absolute;top:calc(env(safe-area-inset-top) + 18px);width:48px;height:48px;color:#111;display:grid;place-items:center;font-size:35px;line-height:1;}
.undoIcon{right:142px;font-size:34px;}
.shareIcon{right:78px;}
.moreIcon{right:15px;font-size:37px;font-weight:500;}
.shareIcon:before{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:27px;border:2.2px solid #111;border-top:2.2px solid #111;border-radius:8px;}
.shareIcon span:before{content:"";position:absolute;left:23px;top:2px;width:2.4px;height:29px;background:#111;border-radius:2px;z-index:2;}
.shareIcon span:after{content:"";position:absolute;left:17px;top:2px;width:12px;height:12px;border-left:2.4px solid #111;border-top:2.4px solid #111;transform:rotate(45deg);border-radius:1px;z-index:2;}
/* la flecha atraviesa la línea superior: estilo cuadrado con antenita */
.composeIcon{position:relative;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);}
.composeIcon:before{content:"";position:absolute;left:18px;top:19px;width:27px;height:27px;border:2.4px solid #111;border-radius:7px;}
.composeIcon span:before{content:"";position:absolute;left:31px;top:15px;width:3px;height:36px;background:#111;transform:rotate(45deg);border-radius:2px;}
.composeIcon span:after{content:"";position:absolute;left:42px;top:10px;width:9px;height:9px;border-top:3px solid #111;border-right:3px solid #111;transform:rotate(-1deg);border-radius:1px;}
.circleBtn{display:none!important;}
.photoBtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.photoEditor{background:#000!important;position:fixed!important;inset:0!important;padding:0!important;overflow:hidden!important;}
.photoPreview{position:fixed;inset:0;background-size:100% 100%;background-repeat:no-repeat;background-color:#111;}
.photoEditorTop{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;display:flex;justify-content:space-between;align-items:center;z-index:4;}
.editorBack,.editorSave{border:0;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#111;font-size:16px;padding:10px 13px;}
.editorBack{display:flex;gap:4px;align-items:center;}
.editorBack .iosBackIcon{width:18px;height:18px;}
.editorBack .iosBackIcon:before,.editorBack .iosBackIcon:after{width:17px;height:2.4px;background:#111;top:9px;left:3px;}
.photoEditorControls{position:absolute;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));z-index:4;background:rgba(255,255,255,.88);border-radius:22px;padding:14px 16px;box-shadow:0 14px 40px rgba(0,0,0,.25);}
.photoEditorLabel{font-size:16px;font-weight:600;color:#111;margin-bottom:8px;}
.photoEditorControls input[type="range"]{width:100%;padding:0;border:0;}
.photoHint{font-size:12px;color:#555;margin-top:6px;}
.noPhoto{position:absolute;left:24px;right:24px;top:45%;text-align:center;color:#fff;font-size:18px;line-height:1.35;z-index:3;}

/* V9: refinamientos visuales y fotos sin deformación */
/* Capturas del iPhone: conservar proporción para que los iconos no se aplasten */
.deskPanel,
.photoPreview{
  background-size:cover!important;
  background-position:center center!important;
}

/* Flecha atrás: negra, patas un poco más cortas y dentro de círculo blanco translúcido */
.iosBack{
  left:12px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:grid!important;
  place-items:center!important;
}
.iosBackIcon{
  width:23px!important;
  height:23px!important;
}
.iosBackIcon:before,
.iosBackIcon:after{
  left:4px!important;
  top:11px!important;
  width:19px!important;
  height:2.7px!important;
  background:#111!important;
  border-radius:3px!important;
  transform-origin:left center!important;
}
.iosBackIcon:before{transform:rotate(-42deg)!important;}
.iosBackIcon:after{transform:rotate(42deg)!important;}

/* Iconos superiores ligeramente reubicados para el nuevo tamaño */
.iosTopIcon{
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:42px!important;
  height:42px!important;
}
.undoIcon{right:122px!important;font-size:31px!important;}
.shareIcon{right:68px!important;}
.moreIcon{right:14px!important;font-size:33px!important;}

/* Compartir iOS: cuadrado perfecto más pequeño, trazo más grueso, flecha-antena atravesando arriba */
.shareIcon:before{
  content:""!important;
  position:absolute!important;
  width:20px!important;
  height:20px!important;
  left:11px!important;
  right:auto!important;
  bottom:6px!important;
  border:2.8px solid #111!important;
  border-radius:5.5px!important;
  box-sizing:border-box!important;
}
.shareIcon span:before{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  top:2px!important;
  width:2.8px!important;
  height:25px!important;
  background:#111!important;
  border-radius:2px!important;
  z-index:3!important;
}
.shareIcon span:after{
  content:""!important;
  position:absolute!important;
  left:14.7px!important;
  top:2px!important;
  width:11px!important;
  height:11px!important;
  border-left:2.8px solid #111!important;
  border-top:2.8px solid #111!important;
  transform:rotate(45deg)!important;
  border-radius:1px!important;
  z-index:3!important;
}

/* Nueva nota: más pequeño; lápiz desde el centro hacia la esquina superior derecha */
.composeIcon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
}
.composeIcon:before{
  left:15px!important;
  top:17px!important;
  width:23px!important;
  height:23px!important;
  border:2.2px solid #111!important;
  border-radius:6px!important;
}
.composeIcon span:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:13px!important;
  width:3px!important;
  height:20px!important;
  background:#111!important;
  transform:rotate(45deg)!important;
  transform-origin:center center!important;
  border-radius:2px!important;
}
.composeIcon span:after{
  content:""!important;
  position:absolute!important;
  left:39px!important;
  top:9px!important;
  width:8px!important;
  height:8px!important;
  border-top:3px solid #111!important;
  border-right:3px solid #111!important;
  transform:rotate(0deg)!important;
  border-radius:1px!important;
}
.bottomBar{bottom:max(5px, env(safe-area-inset-bottom))!important;}
.toolBubble{height:58px!important;border-radius:29px!important;font-size:33px!important;}

/* V10: refinamiento pixel-perfect de iconos iOS */
/* Fotos falsas: conservar proporción natural, sin aplastar los íconos */
.deskPanel,
.photoPreview{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Atrás: círculo blanco translúcido, flecha negra, patitas más cortas y trazo apenas más ancho */
.iosBack{
  left:12px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.74)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.06)!important;
  display:grid!important;
  place-items:center!important;
}
.iosBackIcon{
  width:22px!important;
  height:22px!important;
}
.iosBackIcon:before,
.iosBackIcon:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:11px!important;
  width:17px!important;
  height:3px!important;
  background:#111!important;
  border-radius:4px!important;
  transform-origin:left center!important;
}
.iosBackIcon:before{transform:rotate(-42deg)!important;}
.iosBackIcon:after{transform:rotate(42deg)!important;}

/* Reubicación limpia de iconos superiores */
.iosTopIcon{
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:42px!important;
  height:42px!important;
  color:#111!important;
}
.undoIcon{right:122px!important;font-size:31px!important;font-weight:650!important;}
.shareIcon{right:68px!important;}
.moreIcon{right:14px!important;font-size:33px!important;font-weight:700!important;}

/* Compartir iOS: cuadrado un poco más grande, flecha más pequeña, trazo firme */
.shareIcon:before{
  content:""!important;
  position:absolute!important;
  width:23px!important;
  height:23px!important;
  left:9.5px!important;
  bottom:5.5px!important;
  border:2.7px solid #111!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.shareIcon span:before{
  content:""!important;
  position:absolute!important;
  left:20.1px!important;
  top:4px!important;
  width:2.55px!important;
  height:23px!important;
  background:#111!important;
  border-radius:3px!important;
  z-index:3!important;
}
.shareIcon span:after{
  content:""!important;
  position:absolute!important;
  left:15.2px!important;
  top:4px!important;
  width:10px!important;
  height:10px!important;
  border-left:2.55px solid #111!important;
  border-top:2.55px solid #111!important;
  transform:rotate(45deg)!important;
  border-radius:1px!important;
  z-index:3!important;
}

/* Nueva nota iOS: cuadrado más pequeño; lápiz corto desde centro hacia esquina superior derecha */
.composeIcon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
}
.composeIcon:before{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  top:17px!important;
  width:22px!important;
  height:22px!important;
  border:2.55px solid #111!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.composeIcon span:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:13px!important;
  width:3.2px!important;
  height:18px!important;
  background:#111!important;
  transform:rotate(45deg)!important;
  transform-origin:center center!important;
  border-radius:3px!important;
  z-index:3!important;
}
.composeIcon span:after{
  content:""!important;
  position:absolute!important;
  left:38px!important;
  top:9px!important;
  width:7px!important;
  height:7px!important;
  border-top:3.2px solid #111!important;
  border-right:3.2px solid #111!important;
  border-radius:1px!important;
  transform:rotate(0deg)!important;
  z-index:3!important;
}


/* V11: editor de fotos realmente fluido y ajustes en tiempo real */
.deskPanel,
.photoPreview{
  background-position:center calc(50% + var(--photo-y, 0px))!important;
}
.photoEditorControls{
  padding:18px 18px 20px!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}
.photoEditorControls input[type="range"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  height:44px!important;
  background:transparent!important;
  touch-action:pan-x!important;
  pointer-events:auto!important;
}
.photoEditorControls input[type="range"]::-webkit-slider-runnable-track{
  height:7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.22)!important;
}
.photoEditorControls input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:34px!important;
  height:34px!important;
  margin-top:-13.5px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.15)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
}
.photoEditorControls input[type="range"]::-moz-range-track{
  height:7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.22)!important;
}
.photoEditorControls input[type="range"]::-moz-range-thumb{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.15)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
}
.photoEditorTop, .photoEditorControls{user-select:none;-webkit-user-select:none;}


/* V12 selector de efecto */
.modeMini{margin:10px 0 18px;color:rgba(255,255,255,.72);font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.effectCard{margin-top:12px}
.effectOptions{display:grid;gap:10px;margin-top:12px}
.effectOption{width:100%;text-align:left;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff;padding:13px 14px;color:#111;box-shadow:0 1px 0 rgba(0,0,0,.03);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif}
.effectOption span{display:block;font-size:16px;font-weight:700;letter-spacing:.02em}
.effectOption small{display:block;margin-top:4px;font-size:13px;line-height:1.25;color:#6b7280;font-weight:400}
.effectOption.on{border-color:#ffcc00;background:#fff8d6;box-shadow:0 0 0 2px rgba(255,204,0,.35) inset}
.effectOption.on span{color:#111}

/* V15 - Efecto 3: Lectura mental local */
.mindRead{background:#fff;color:#111;overflow:hidden}
.mindBody{padding:86px 22px 120px 22px;min-height:100svh;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;}
.mindHint{font-size:15px;color:#8e8e93;margin-bottom:8px;font-weight:400;}
.mindTitle{font-size:30px;line-height:1.1;margin:0 0 22px 0;font-weight:500;letter-spacing:-.02em;}
.mindQuestion{font-size:22px;line-height:1.25;margin:20px 0;color:#111;font-weight:400;}
.mindCount{font-size:15px;color:#8e8e93;margin-bottom:18px;}
.gestureHelp{font-size:18px;line-height:1.45;color:#333;margin-top:26px;padding:16px;border-radius:16px;background:#f2f2f7;font-weight:400;}
.mindTiny{position:fixed;left:0;right:0;bottom:78px;text-align:center;font-size:12px;color:#c7c7cc;pointer-events:none;}
.mindResults{font-size:30px;line-height:1.25;margin-top:20px;font-weight:400;letter-spacing:-.02em;}
.mindResults div{padding:8px 0;border-bottom:1px solid #f0f0f0;}
/* V16 lectura mental: pantalla clara para el mentalista */
.mindCategory{font-size:18px;color:#6b6b70;margin:4px 0 18px 0;font-weight:400;}
.mindCategory b{font-weight:600;color:#111;}
.mindRead .mindQuestion{font-size:34px!important;line-height:1.05!important;margin:18px 0 12px!important;font-weight:650!important;letter-spacing:-.03em;}
.mindRead .gestureHelp{font-size:24px!important;line-height:1.55!important;background:#f2f2f7;border-radius:18px;padding:18px 20px;margin-top:18px;color:#111;}
.mindRead .gestureHelp b{font-weight:800;}
.mindRead .mindCount{font-size:16px!important;margin-bottom:10px!important;}


/* V17: botón nueva nota realmente táctil y listas más grandes en LECTURA MENTAL */
.bottomBar{z-index:80!important;}
.bottomBar .composeIcon{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  border:0!important;
  padding:0!important;
  display:block!important;
  cursor:pointer!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
.bottomBar .toolBubble{pointer-events:none!important;}
.mindList .noteItems{
  font-size:24px!important;
  line-height:1.38!important;
  letter-spacing:-0.1px!important;
}
.mindList .noteLine{
  grid-template-columns:54px 1fr!important;
  column-gap:10px!important;
  min-height:34px!important;
  padding:2px 0!important;
}
.mindList .noteBody{
  padding-left:22px!important;
  padding-right:22px!important;
}
.mindList .noteListTitle{
  font-size:31px!important;
  margin-bottom:28px!important;
}
.mindList .lineNum,.mindList .lineWord{
  font-weight:400!important;
}

/* V18: ventana estable, doble swipe más seguro y revelación como nota real */
.revealNote{background:#fff;color:#111;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;}
.revealBody{padding:92px 24px 140px 24px;min-height:100svh;background:#fff;}
.revealDate{text-align:center;color:#8e8e93;font-size:13px;margin-bottom:34px;font-weight:400;}
.revealText{font-size:32px;line-height:1.28;font-weight:400;letter-spacing:-.02em;color:#111;white-space:pre-wrap;}
.revealText div{margin:8px 0;}
.drawTools{position:fixed;left:20px;bottom:calc(env(safe-area-inset-bottom) + 20px);z-index:120;}
.drawBtn{width:44px;height:44px;border:0;background:#f2f2f7;border-radius:50%;font-size:26px;color:#111;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.12);}
.drawNote{background:#fff;color:#111;overflow:hidden;}
.drawStage{position:fixed;left:0;right:0;top:78px;bottom:70px;background:#fff;}
#drawCanvas{position:absolute;left:0;top:0;touch-action:none;background:transparent;}
.drawSecret{position:absolute;left:18px;top:8px;font-size:14px;color:rgba(0,0,0,.22);z-index:1;pointer-events:none;}
.drawPalette{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 10px);height:56px;display:flex;justify-content:center;gap:14px;align-items:center;background:rgba(248,248,248,.92);backdrop-filter:blur(16px);z-index:130;}
.drawPalette button{border:0;background:#e9e9ee;border-radius:16px;padding:10px 18px;font-size:16px;color:#111;font-weight:500;}
.mindRead .mindTiny::after{content:'  Espera 1.5 s para RECTAS; segundo arriba = COMBINADAS.';}

/* V19: dibujo más parecido a Notas iOS y botón dibujo sobre la manito/lápiz */
.bottomBar .toolBubble{display:flex!important;gap:22px!important;align-items:center!important;justify-content:flex-start!important;padding-left:18px!important;letter-spacing:0!important;}
.bottomBar .toolBubble span{display:inline-block!important;font-size:21px!important;line-height:1!important;}
.bottomBar .toolBubble .handPenIcon{font-size:24px!important;font-weight:800!important;transform:translateY(1px);}
.drawToolHit{position:fixed;left:198px;bottom:calc(env(safe-area-inset-bottom) + 15px);width:54px;height:52px;z-index:140;border:0;background:transparent;border-radius:16px;pointer-events:auto!important;touch-action:manipulation!important;}
.drawTools,.drawBtn{display:none!important;}
.drawTop{position:fixed;right:18px;top:calc(env(safe-area-inset-top) + 48px);display:flex;gap:10px;align-items:center;z-index:160;}
.drawMore{width:36px;height:34px;border:0;background:transparent;color:#111;font-size:22px;font-weight:800;letter-spacing:-2px;line-height:1;}
.drawDone{width:36px;height:36px;border:0;border-radius:50%;background:#ffd60a;color:#111;font-size:23px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;}
.drawStage{top:96px!important;bottom:86px!important;}
.drawPaletteIOS{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 8px);height:72px;background:rgba(247,247,247,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;gap:10px;z-index:155;border-top:1px solid rgba(0,0,0,.08);}
.drawPaletteIOS .tool{position:relative;width:39px;height:58px;border:0;background:transparent;border-radius:14px;padding:0;display:flex;align-items:center;justify-content:center;}
.drawPaletteIOS .tool.active{background:rgba(0,0,0,.06);}
.drawPaletteIOS .tool span{display:block;position:relative;}
.toolPencil span{width:9px;height:46px;border-radius:6px;background:#fff;border:1.5px solid #cfcfd4;transform:rotate(10deg);box-shadow:inset 0 -8px 0 #111;}
.toolPencil span:before{content:'';position:absolute;left:1px;top:-7px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:8px solid #111;}
.toolFine span{width:7px;height:47px;border-radius:5px;background:#fff;border:1.5px solid #cfcfd4;transform:rotate(5deg);box-shadow:inset 0 -5px 0 #111;}
.toolFine span:before{content:'';position:absolute;left:1px;top:-6px;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-bottom:7px solid #111;}
.toolMarker span{width:12px;height:46px;border-radius:7px;background:#fff;border:1.5px solid #cfcfd4;transform:rotate(-7deg);box-shadow:inset 0 -13px 0 #f7c600;}
.toolMarker span:before{content:'';position:absolute;left:1px;top:-7px;width:10px;height:9px;background:#f7c600;border-radius:3px 3px 1px 1px;}
.toolMarker span:after{content:'';position:absolute;left:-3px;bottom:12px;width:18px;height:5px;background:#f7c600;border-radius:5px;}
.toolEraser span{width:16px;height:39px;border-radius:7px;background:#f5b4c4;border:1.5px solid #d694a4;transform:rotate(12deg);box-shadow:inset 0 -10px 0 #fff;}
.toolSmudge span{width:12px;height:43px;border-radius:7px;background:linear-gradient(#fff,#d8d8dd);border:1.5px solid #c7c7cc;transform:rotate(-10deg);}
.toolSmudge span:after{content:'';position:absolute;left:2px;top:-7px;width:8px;height:8px;border-radius:50%;background:#9a9aa0;filter:blur(.5px);}
.toolColor span{width:34px;height:34px;border-radius:50%;background:conic-gradient(#ff3b30,#ffcc00,#34c759,#007aff,#af52de,#ff3b30);display:flex!important;align-items:center;justify-content:center;}
.toolColor span:after{content:'';width:21px;height:21px;border-radius:50%;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset;}
.toolPlus{font-size:34px!important;font-weight:300!important;color:#111!important;line-height:1!important;}


/* V21: dibujo limpio estilo iOS, sin iconos superiores duplicados */
.drawOnlyTop .undoIcon,
.drawOnlyTop .shareIcon,
.drawOnlyTop .moreIcon{display:none!important;}
.drawOnlyTop{height:104px!important;z-index:170!important;background:#fff!important;}
.drawOnlyTop .iosBack{z-index:180!important;}
.drawOnlyTop .drawTop{position:absolute!important;right:18px!important;top:calc(env(safe-area-inset-top) + 22px)!important;display:flex!important;gap:14px!important;align-items:center!important;z-index:181!important;}
.drawOnlyTop .drawMore{width:56px!important;height:54px!important;border:0!important;border-radius:27px!important;background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important;color:#111!important;font-size:30px!important;font-weight:900!important;letter-spacing:0!important;line-height:.8!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 0 8px 0!important;}
.drawOnlyTop .drawDone{width:58px!important;height:58px!important;border:0!important;border-radius:50%!important;background:#f5c400!important;color:#fff!important;font-size:42px!important;font-weight:900!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important;padding-bottom:2px!important;}
.drawNote .drawStage{top:104px!important;bottom:104px!important;background:#fff!important;}
/* El icono de nueva nota ya no tiene la pequeña L/esquina extra */
.composeIcon span:after{display:none!important;content:none!important;}
.composeIcon span:before{height:28px!important;left:35px!important;top:18px!important;transform:rotate(45deg)!important;}
.composeIcon:before{left:18px!important;top:19px!important;width:27px!important;height:27px!important;border-radius:7px!important;}
/* Paleta inferior estilo Notas iOS: herramientas grandes, visibles y no miniaturas */
.drawPaletteIOS{
  left:20px!important;right:20px!important;
  bottom:max(14px, env(safe-area-inset-bottom))!important;
  height:104px!important;border-radius:48px!important;
  background:rgba(248,248,248,.94)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.10)!important;
  border:1px solid rgba(0,0,0,.05)!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:18px!important;padding:0 16px 10px!important;overflow:hidden!important;
}
.drawPaletteIOS .tool{width:54px!important;height:92px!important;border-radius:18px!important;align-items:flex-end!important;overflow:hidden!important;background:transparent!important;}
.drawPaletteIOS .tool.active{background:rgba(0,0,0,.05)!important;}
.drawPaletteIOS .tool span{transform-origin:center bottom!important;}
.toolPencil span{width:20px!important;height:112px!important;border-radius:13px 13px 6px 6px!important;background:#fdfdfd!important;border:1px solid #d7d7dc!important;transform:translateY(24px) rotate(3deg)!important;box-shadow:inset 0 -18px 0 #111!important;}
.toolPencil span:before{left:4px!important;top:-17px!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-bottom:18px solid #111!important;}
.toolFine span{width:17px!important;height:108px!important;border-radius:11px!important;background:#fff!important;border:1px solid #d7d7dc!important;transform:translateY(28px) rotate(0deg)!important;box-shadow:inset 0 -9px 0 #111!important;}
.toolFine span:before{left:5px!important;top:-14px!important;border-left:3.5px solid transparent!important;border-right:3.5px solid transparent!important;border-bottom:16px solid #111!important;}
.toolMarker span{width:25px!important;height:108px!important;border-radius:13px!important;background:#fff!important;border:1px solid #d7d7dc!important;transform:translateY(28px) rotate(-1deg)!important;box-shadow:inset 0 -30px 0 #fff!important;}
.toolMarker span:before{left:0!important;top:-13px!important;width:24px!important;height:18px!important;background:#f2c400!important;border-radius:6px 6px 2px 2px!important;}
.toolMarker span:after{left:-6px!important;bottom:28px!important;width:36px!important;height:9px!important;background:#f2c400!important;border-radius:8px!important;}
.toolEraser span{width:30px!important;height:94px!important;border-radius:14px!important;background:#f3a0ab!important;border:1px solid #d5969e!important;transform:translateY(30px) rotate(0deg)!important;box-shadow:inset 0 -22px 0 #fdfdfd!important;}
.toolSmudge span{width:25px!important;height:101px!important;border-radius:13px!important;background:repeating-linear-gradient(-35deg,#fafafa 0 7px,#d9d9de 7px 13px)!important;border:1px solid #d3d3d8!important;transform:translateY(30px) rotate(0deg)!important;}
.toolSmudge span:after{display:none!important;}
.toolColor{width:48px!important;height:76px!important;align-items:center!important;}
.toolColor span{width:46px!important;height:46px!important;transform:none!important;margin-bottom:13px!important;}
.toolColor span:after{width:27px!important;height:27px!important;}
.toolPlus{width:46px!important;height:46px!important;border-radius:50%!important;background:#e5e5e7!important;font-size:44px!important;font-weight:500!important;margin-bottom:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;}

/* ===== V22 iOS drawing refinements ===== */
.composeIcon{width:66px!important;height:66px!important;border-radius:50%!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 34px rgba(0,0,0,.10)!important;}
.composeIcon:before{content:""!important;position:absolute!important;left:18px!important;top:22px!important;width:28px!important;height:25px!important;border:5px solid #1c1c22!important;border-top:5px solid #1c1c22!important;border-radius:9px!important;background:transparent!important;box-sizing:border-box!important;}
.composeIcon span:before{content:""!important;position:absolute!important;left:35px!important;top:15px!important;width:8px!important;height:31px!important;border-radius:4px 4px 2px 2px!important;background:#1c1c22!important;transform:rotate(43deg)!important;box-shadow:none!important;}
.composeIcon span:after{content:""!important;display:block!important;position:absolute!important;left:47px!important;top:9px!important;width:9px!important;height:12px!important;background:#1c1c22!important;border:0!important;border-radius:3px 3px 1px 1px!important;transform:rotate(43deg)!important;}

.drawOnlyTop .drawTop{right:17px!important;top:calc(env(safe-area-inset-top) + 21px)!important;gap:10px!important;}
.drawOnlyTop .drawUndo{width:54px!important;height:54px!important;border:0!important;border-radius:27px!important;background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.075)!important;color:#111!important;font-size:37px!important;font-weight:900!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 0 4px 0!important;}
.drawOnlyTop .drawMore{width:56px!important;height:54px!important;border-radius:27px!important;font-size:31px!important;font-weight:900!important;padding:0 0 8px 0!important;}
.drawOnlyTop .drawDone{width:58px!important;height:58px!important;background:#f4c400!important;color:#fff!important;font-size:44px!important;font-weight:1000!important;}
.drawNote .drawStage{top:104px!important;bottom:154px!important;background:#fff!important;}
.drawSecret{font-size:13px!important;color:rgba(0,0,0,.20)!important;}

.drawPaletteIOS{left:16px!important;right:16px!important;bottom:calc(env(safe-area-inset-bottom) + 9px)!important;height:142px!important;border-radius:70px!important;background:rgba(247,247,247,.94)!important;box-shadow:0 0 34px rgba(0,0,0,.10)!important;border:1px solid rgba(255,255,255,.75)!important;gap:13px!important;justify-content:center!important;overflow:hidden!important;padding:0 18px!important;box-sizing:border-box!important;}
.drawPaletteIOS .tool{width:62px!important;height:132px!important;border-radius:18px!important;align-items:flex-end!important;overflow:hidden!important;background:transparent!important;flex:0 0 auto!important;}
.drawPaletteIOS .tool.active{background:transparent!important;}
.drawPaletteIOS .tool span{position:relative!important;display:block!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))!important;}

.toolPencil span{width:25px!important;height:130px!important;border-radius:14px 14px 5px 5px!important;background:linear-gradient(90deg,#ececec 0%,#fff 25%,#f4f4f5 56%,#d9d9dd 100%)!important;border:1px solid #d2d2d7!important;transform:translateY(32px) rotate(2deg)!important;box-shadow:inset 0 -26px 0 #050505!important;}
.toolPencil span:before{content:""!important;position:absolute!important;left:5px!important;top:-22px!important;border-left:7.5px solid transparent!important;border-right:7.5px solid transparent!important;border-bottom:24px solid #0b0b0f!important;filter:none!important;}
.toolPencil span:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:28px!important;height:9px!important;background:#050505!important;border-radius:1px!important;}

.toolFine span{width:25px!important;height:110px!important;border-radius:8px!important;background:linear-gradient(90deg,#e9e9eb 0%,#fff 28%,#f1f1f1 60%,#cfcfd4 100%)!important;border:1px solid #cfcfd4!important;transform:translateY(31px) rotate(0deg)!important;box-shadow:inset 0 -37px 0 #fff!important;}
.toolFine span:before{content:""!important;position:absolute!important;left:9px!important;top:-33px!important;width:7px!important;height:36px!important;border-radius:4px 4px 1px 1px!important;background:linear-gradient(#333 0 42%,#efefef 42% 100%)!important;border:1px solid #d8d8dc!important;box-sizing:border-box!important;}
.toolFine span:after{content:""!important;position:absolute!important;left:-2px!important;bottom:43px!important;width:29px!important;height:7px!important;background:#090909!important;border-radius:5px!important;}

.toolMarker span{width:31px!important;height:120px!important;border-radius:15px 15px 8px 8px!important;background:linear-gradient(90deg,#ececec 0%,#fff 30%,#efefef 62%,#d3d3d7 100%)!important;border:1px solid #d4d4d8!important;transform:translateY(32px) rotate(0deg)!important;}
.toolMarker span:before{content:""!important;position:absolute!important;left:0!important;top:-22px!important;width:31px!important;height:27px!important;background:#f4c400!important;clip-path:polygon(0 40%,100% 0,100% 100%,0 100%)!important;border-radius:5px 7px 3px 3px!important;}
.toolMarker span:after{content:""!important;position:absolute!important;left:-7px!important;bottom:42px!important;width:45px!important;height:10px!important;background:#f4c400!important;border-radius:7px!important;box-shadow:0 37px 0 rgba(0,0,0,.04)!important;}

.toolEraser span{width:34px!important;height:118px!important;border-radius:18px 18px 8px 8px!important;background:linear-gradient(90deg,#ef929d 0%,#f7b5bd 42%,#e9808d 100%)!important;border:1px solid #d9969e!important;transform:translateY(33px) rotate(0deg)!important;box-shadow:inset 0 -28px 0 #fdfdfd!important;}
.toolEraser span:before,.toolEraser span:after{display:none!important;content:none!important;}

.toolSmudge span{width:30px!important;height:118px!important;border-radius:15px 15px 7px 7px!important;background:repeating-linear-gradient(135deg,#c8c8c8 0 7px,#efefef 7px 14px)!important;border:1px solid #d5d5d8!important;transform:translateY(32px) rotate(0deg)!important;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%)!important;opacity:.98!important;}
.toolSmudge span:before,.toolSmudge span:after{display:none!important;content:none!important;}

.toolColor{width:54px!important;height:132px!important;align-items:center!important;justify-content:center!important;padding-top:36px!important;box-sizing:border-box!important;}
.toolColor span{width:38px!important;height:38px!important;border-radius:50%!important;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;filter:none!important;transform:none!important;box-shadow:none!important;}
.toolColor span:after{content:""!important;position:absolute!important;inset:6px!important;border-radius:50%!important;background:#000!important;border:4px solid #fff!important;box-sizing:border-box!important;}

.toolPlus{width:52px!important;height:132px!important;align-items:center!important;justify-content:center!important;padding-top:36px!important;box-sizing:border-box!important;color:#000!important;font-size:44px!important;font-weight:1000!important;line-height:1!important;}
.toolPlus:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:#e2e2e4;z-index:-1;}


/* ===== V23 final refinements ===== */
/* Revelación escrita: si hay 2 o 3 opciones, tocar una deja solo esa palabra visible. */
.revealChoice{cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation;}
.revealChoice.tapChoice{padding:6px 0;margin:2px 0;border-radius:10px;}
.revealChoice.tapChoice:active{background:rgba(0,0,0,.035);}

/* Página de dibujo: gráficos 10% más pequeños sin perder el contenedor iOS. */
.drawPaletteIOS .tool{transform:scale(.9)!important;transform-origin:center bottom!important;}
.drawOnlyTop .drawMore{transform:scale(.9)!important;transform-origin:center center!important;}
.drawOnlyTop .drawDone{transform:scale(.9)!important;transform-origin:center center!important;}
.drawOnlyTop .drawUndo{font-weight:1000!important;font-size:40px!important;transform:scale(.9)!important;transform-origin:center center!important;}

/* Nueva nota: lápiz 40% más corto, apenas sale de la esquina superior derecha. */
.composeIcon span:before{
  left:37px!important;top:20px!important;width:8px!important;height:19px!important;
  border-radius:4px 4px 2px 2px!important;transform:rotate(43deg)!important;
}
.composeIcon span:after{
  left:45px!important;top:15px!important;width:8px!important;height:9px!important;
  border-radius:3px 3px 1px 1px!important;transform:rotate(43deg)!important;
}

/* V24: entrenamiento fijo y proporcional a la zona real de pantalla */
.training.safe{
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.training .pageTitle,
.training p{
  display:none!important;
}
.training .back{
  position:fixed!important;
  top:calc(env(safe-area-inset-top) + 10px)!important;
  left:12px!important;
  z-index:120!important;
  margin:0!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
.training .grid{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:calc(env(safe-area-inset-top) + 2px)!important;
  bottom:calc(env(safe-area-inset-bottom) + 2px)!important;
  width:100vw!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#080808!important;
  display:grid!important;
  grid-template-columns:repeat(3, 1fr)!important;
  grid-template-rows:repeat(4, 1fr)!important;
  z-index:90!important;
}
.training .cell{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  border:1.3px solid rgba(255,255,255,.48)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:clamp(36px, 11vw, 72px)!important;
  line-height:1!important;
  font-weight:850!important;
  background:rgba(255,255,255,.018)!important;
}
.training .cell.zero{
  grid-column:2!important;
}