:root{--tinta: #f3e0d6;--fondo: #2a1712;--fresa: #e4718c;--cacao: #6b3a2a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--fondo);color:var(--tinta);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;-webkit-font-smoothing:antialiased}#app{position:relative;height:100%}.escena{position:absolute;inset:0;touch-action:none}.escena canvas{display:block;width:100%;height:100%}.pista-lectura{position:absolute;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;z-index:1;padding:.45rem 1.1rem;border-radius:999px;background:#160d09b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;font-size:.85rem;letter-spacing:.08em;opacity:.85;pointer-events:none;animation:latir 2.6s ease-in-out infinite}.pista-lectura[hidden]{display:none}@keyframes latir{50%{opacity:.25}}.escena:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(18,9,6,.55) 100%),radial-gradient(circle at 78% 16%,rgba(228,113,140,.18),transparent 48%)}.panel{position:absolute;inset:0;display:grid;place-content:center;gap:clamp(1.25rem,4vh,1.75rem);padding:max(2rem,env(safe-area-inset-top)) 1.35rem max(2rem,env(safe-area-inset-bottom));text-align:center;max-width:34rem;margin:0 auto;animation:aparecer 1.2s ease both}.panel[hidden]{display:none}.panel p{margin:0;font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.75;text-wrap:balance}.pregunta{font-style:italic;letter-spacing:.02em;opacity:.92}form{display:grid;gap:1rem;justify-items:center}input{width:min(22rem,80vw);padding:.85rem 1rem;border:0;border-bottom:1px solid rgba(228,113,140,.45);background:transparent;color:inherit;font:inherit;font-size:1.15rem;text-align:center;outline:none;transition:border-color .3s}input:focus{border-bottom-color:var(--fresa)}button{min-height:2.75rem;padding:.7rem 2rem;border:1px solid rgba(228,113,140,.55);border-radius:999px;background:transparent;color:inherit;font:inherit;letter-spacing:.06em;cursor:pointer;transition:background .3s,border-color .3s}button:hover:not(:disabled),button:focus-visible{background:#e4718c29;border-color:var(--fresa)}button:disabled{opacity:.5;cursor:progress}.error{min-height:1.5em;margin:0;font-size:.95rem;color:var(--fresa)}.pista{font-size:.85rem;opacity:.55}.carta-plana{position:absolute;inset:0;overflow-y:auto;padding:4rem 1.5rem 6rem}.carta-plana article{max-width:38rem;margin:0 auto;white-space:pre-wrap;font-size:1.15rem;line-height:1.95;color:#3f2118;background:#f2ddd2;padding:clamp(2rem,6vw,4rem);border-radius:2px;box-shadow:0 30px 80px #0009}@keyframes aparecer{0%{opacity:0;transform:translateY(.6rem)}}@media(prefers-reduced-motion:reduce){.panel{animation:none}}.panel-form,.panel-lista{position:absolute;inset:0;overflow-y:auto;place-content:start;padding:clamp(2.5rem,8vh,5rem) 1.5rem 5rem}.panel-form{display:grid;gap:1.25rem;max-width:34rem;margin:0 auto;text-align:left}.panel-form h1,.panel-lista h1{margin:0;font-weight:500;font-size:clamp(1.5rem,5vw,2rem);letter-spacing:.01em}.form-largo{display:grid;gap:.4rem;justify-items:stretch}.form-largo label{margin-top:.9rem;font-size:.9rem;opacity:.75}.form-largo label:first-child{margin-top:0}.form-largo input,.form-largo textarea,.panel-form input{width:100%;padding:.7rem .9rem;border:1px solid rgba(228,113,140,.35);border-radius:8px;background:#f3e0d60d;color:inherit;font:inherit;text-align:left}.form-largo textarea{resize:vertical;line-height:1.7;min-height:9rem;font-family:Iowan Old Style,Palatino,Georgia,serif}.form-largo input:focus,.form-largo textarea:focus,.panel-form input:focus{outline:none;border-color:var(--fresa)}.form-largo button[type=submit],.panel-form button{margin-top:1.25rem;justify-self:start}.fila-link{display:flex;gap:.5rem}.link-copiable{flex:1;padding:.7rem .9rem;border:1px solid rgba(228,113,140,.35);border-radius:8px;background:#f3e0d60d;color:inherit;font:.95rem/1.4 ui-monospace,monospace}.responder-flotante{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:3;background:#2a1712d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:aparecer .6s ease both 1s}.capa-responder{position:fixed;inset:0;z-index:4;display:grid;place-content:center;padding:1.5rem;background:#0c0604b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;animation:aparecer .4s ease both}.caja-responder{position:relative;width:min(30rem,92vw);padding:clamp(1.5rem,5vw,2.5rem);border:1px solid rgba(228,113,140,.3);border-radius:14px;background:#2a1712;box-shadow:0 30px 80px #0009;text-align:left}.caja-responder h2{margin:0 0 1rem;font-weight:500}.caja-responder .cerrar{position:absolute;top:.6rem;right:.6rem;min-height:0;padding:.3rem .6rem;border-radius:8px}.panel-lista{max-width:44rem;margin:0 auto}.panel-lista h2{margin:2rem 0 .75rem;font-weight:500;font-size:1.1rem;opacity:.85}.tarjeta{margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid rgba(228,113,140,.22);border-radius:12px;background:#f3e0d60a;text-align:left}.tarjeta-cab{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;margin-bottom:.5rem}.tarjeta-cab .fecha{margin-left:auto;font-size:.8rem;opacity:.5}.mono{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--fresa)}.tarjeta .mini{margin:0 0 .5rem;font-size:.82rem;opacity:.6}.tarjeta .cuerpo{margin:0;white-space:pre-wrap;word-break:break-word;font:1rem/1.7 Iowan Old Style,Palatino,Georgia,serif;color:var(--tinta)}a{color:var(--fresa)}