:root{color-scheme:dark;--tinta: #e8ecf7;--tenue: #7d8aa8;--luz: #fdf6e6;--fondo: #05060d}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--fondo);color:var(--tinta);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.lienzo{position:fixed;top:0;right:0;bottom:0;left:0;transition:filter 1.6s cubic-bezier(.16,1,.3,1)}.lienzo--velado{filter:blur(22px) saturate(.78) brightness(.6);pointer-events:none}.entrada{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:clamp(2.5rem,7vh,5rem);padding:1.5rem;background:radial-gradient(ellipse at center,#05060d80,#05060dd6 72%)}.contador{display:grid;justify-items:center;gap:.9rem}.contador__numero{font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:200;font-size:clamp(2.1rem,9vw,4.2rem);letter-spacing:.04em;color:var(--luz);text-shadow:0 0 44px rgba(255,226,168,.26)}.contador__leyenda{font-size:clamp(.62rem,2.4vw,.78rem);text-transform:uppercase;letter-spacing:.42em;text-indent:.42em;color:var(--tenue)}.entrada__forma{display:contents}.entrada__input{width:clamp(11rem,62vw,17rem);padding:.5rem 0 .65rem;border:0;border-bottom:1px solid rgba(180,196,232,.26);background:transparent;color:var(--tinta);font:inherit;font-size:1.05rem;letter-spacing:.5em;text-align:center;outline:none;transition:border-color .6s,box-shadow .6s}.entrada__input:focus{border-bottom-color:#ffe2a8ad;box-shadow:0 12px 26px -22px #ffe2a8e6}.sonda{position:fixed;left:50%;bottom:max(1.6rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:1rem;align-items:baseline;padding:.6rem 1.1rem;border:1px solid rgba(180,196,232,.14);border-radius:999px;background:#080a14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap}.sonda__fecha{font-size:.9rem}.sonda__dia{font-size:.72rem;color:var(--tenue);font-variant-numeric:tabular-nums}.salida{position:fixed;top:max(1.5rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:.66rem;text-transform:uppercase;letter-spacing:.24em;text-indent:.24em;color:#b4c4e86b;pointer-events:none;white-space:nowrap}.sonda__pista{padding-left:.9rem;border-left:1px solid rgba(180,196,232,.16);font-size:.68rem;letter-spacing:.04em;color:#ffe2a8b8}@keyframes sacudir{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.entrada__input--no{animation:sacudir .46s ease;border-bottom-color:#e27a7ad9}@keyframes aparecer{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.panel{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(.9rem,3vw,2.5rem);background:#030409c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto}.panel__caja{position:relative;width:min(56rem,100%);display:grid;gap:1.25rem;animation:aparecer .42s cubic-bezier(.16,1,.3,1)}.panel__marco{position:relative;width:100%;max-height:68vh;border-radius:14px;overflow:hidden;background:#0b0d16;box-shadow:0 40px 90px -50px #000000f2,0 0 0 1px #b4c4e81a}.panel__foto,.panel__vacio{display:block;width:100%;height:100%;max-height:68vh;object-fit:contain}.panel__paso{position:absolute;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;border:1px solid rgba(180,196,232,.18);border-radius:50%;background:#060810a8;color:var(--tinta);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .25s,opacity .25s}.panel__paso:disabled{opacity:.25;cursor:default}.panel__paso:not(:disabled):hover{background:#141a2ce6}.panel__paso--izq{left:.7rem}.panel__paso--der{right:.7rem}.panel__cuenta{position:absolute;right:.8rem;bottom:.8rem;padding:.2rem .6rem;border-radius:999px;background:#060810b3;font-size:.7rem;color:var(--tenue);font-variant-numeric:tabular-nums}.panel__texto{display:grid;gap:.55rem;padding:0 .2rem}.panel__fecha{display:flex;gap:.8rem;align-items:baseline;font-size:.82rem;text-transform:lowercase;color:var(--luz);letter-spacing:.06em}.panel__dia{font-size:.7rem;color:var(--tenue);font-variant-numeric:tabular-nums}.panel__titulo{margin:0;font-weight:300;font-size:clamp(1.25rem,3.6vw,1.8rem);letter-spacing:-.01em}.panel__nota{margin:0;max-width:44rem;font-size:1rem;line-height:1.65;color:#c3cbdf;white-space:pre-wrap}.panel__cerrar{position:absolute;top:-.4rem;right:-.4rem;width:2.3rem;height:2.3rem;border:1px solid rgba(180,196,232,.16);border-radius:50%;background:#060810cc;color:var(--tinta);font-size:1.35rem;line-height:1;cursor:pointer}.mas{position:fixed;right:max(1.3rem,env(safe-area-inset-right));bottom:max(1.3rem,env(safe-area-inset-bottom));width:3.1rem;height:3.1rem;border:1px solid rgba(255,226,168,.3);border-radius:50%;background:#0a0c16d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--luz);font-size:1.6rem;font-weight:200;line-height:1;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s}.mas:hover{transform:scale(1.08);border-color:#ffe2a8b3}.carga{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(.9rem,3vw,2rem);background:#030409c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto}.carga__caja{width:min(30rem,100%);display:grid;gap:1rem;padding:clamp(1.2rem,4vw,1.8rem);border:1px solid rgba(180,196,232,.12);border-radius:16px;background:#090b14f0;animation:aparecer .38s cubic-bezier(.16,1,.3,1)}.carga__campo{display:grid;gap:.35rem}.carga__campo>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--tenue)}.carga__campo input,.carga__campo textarea{padding:.6rem .7rem;border:1px solid rgba(180,196,232,.16);border-radius:8px;background:#04050bb3;color:var(--tinta);font:inherit;font-size:.94rem;outline:none;transition:border-color .3s}.carga__campo input:focus,.carga__campo textarea:focus{border-color:#ffe2a88c}.carga__campo textarea{resize:vertical;line-height:1.6}.carga__error{margin:0;font-size:.84rem;color:#e58c8c}.carga__pie{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.2rem}.carga__pie button{padding:.55rem 1rem;border:1px solid rgba(180,196,232,.18);border-radius:8px;background:transparent;color:var(--tinta);font:inherit;font-size:.88rem;cursor:pointer;transition:background .25s,border-color .25s}.carga__pie button[type=submit]{border-color:#ffe2a86b;background:#ffe2a81a;color:var(--luz)}.carga__pie button:disabled{opacity:.45;cursor:default}