:root{--vinho:#5a1827;--vinho-claro:#7a2a3d;--vinho-fundo:#3a0f1b;--vinho-profundo:#300b15;--espresso:#3c1f0b;--espresso-profundo:#1e0e05;--creme:#efe5d0;--papel:#fff9f4;--nude:#caae97;--tinta-suave:#6e5646;--rose:#e7b4bf;--font-ui:var(--font-poppins), system-ui, sans-serif;--font-script:var(--font-pinyon), cursive;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(.875rem, 4vw, 1.25rem);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--vinho-profundo)}body{min-height:100svh;font-family:var(--font-ui);color:var(--creme);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.45}h1,h2,h3,p,ol{margin:0}ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--creme);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lock{--note-radius:22px;--edge:clamp(.75rem, 3svh, 2.5rem);isolation:isolate;min-height:100svh;padding:var(--edge) var(--gutter) max(var(--edge), env(safe-area-inset-bottom));background:var(--vinho);flex-direction:column;justify-content:center;gap:clamp(.875rem,3svh,2.25rem);display:flex;position:relative}.lock:before{content:"";z-index:-1;pointer-events:none;background:var(--paper) 0 0 / 384px 384px repeat;mix-blend-mode:overlay;position:absolute;inset:0}.hero,.notes{width:min(100%,27rem);margin-inline:auto}.hero{text-align:center;justify-items:center;display:grid}.date{letter-spacing:.01em;font-size:clamp(.9375rem,2.2svh,1.0625rem);font-weight:500}.clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-block:.15rem clamp(0rem,.6svh,.35rem);font-size:clamp(4.5rem,min(32vw,15svh),8.75rem);font-weight:300;line-height:1}.signature{font-family:var(--font-script);color:#0000;background:linear-gradient(105deg, var(--creme) 0 40%, #d8bf8c 45%, #fff 50%, #d8bf8c 55%, var(--creme) 60% 100%) 85% 0 / 300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;margin:-.2em -.25em;padding:.2em .25em;font-size:clamp(2.25rem,min(13vw,6.8svh),3.75rem);font-weight:400;line-height:1.15}.descriptor{letter-spacing:.22em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.notes{gap:.5rem;display:grid}.note{border-radius:var(--note-radius);background:var(--papel);color:var(--espresso);transition:scale .16s var(--ease-out), box-shadow .2s var(--ease-out);grid-template-columns:2.375rem minmax(0,1fr);align-items:center;column-gap:.7rem;padding:.7rem .85rem;display:grid;position:relative;box-shadow:0 16px 32px -16px #120603bf,0 2px 6px -1px #1206034d}.note:has(:focus-visible){outline:2px solid var(--creme);outline-offset:3px}.note:has(.note__link:active,.cta:active){scale:.985}@media (hover:hover) and (pointer:fine){.note:hover{box-shadow:0 22px 40px -16px #120603d9,0 3px 8px -1px #12060352}}.note__link:after,.cta:after{content:"";border-radius:var(--note-radius);position:absolute;inset:0}.note__link:focus-visible,.cta:focus-visible{outline:none}.note__body{min-width:0;container-type:inline-size}.note__row,.note__head{align-items:baseline;gap:.5rem;display:flex}.note__head{align-items:center}.note__app{min-width:0;color:var(--tinta-suave);flex:1;font-size:.8125rem;font-weight:500;line-height:1.3}.note__app--strong{color:var(--espresso);font-size:.9375rem;font-weight:600}.note__time{color:var(--tinta-suave);white-space:nowrap;font-size:.75rem}.note__text{margin-top:.05rem;font-size:min(.875rem,4.6cqi);line-height:1.4}.app-icon{border-radius:10px;place-items:center;width:2.375rem;height:2.375rem;display:grid}.app-icon--divas{object-fit:cover;border-radius:9px;width:2.25rem;height:2.25rem}.app-icon--site{border-radius:0}.app-icon--calc{background:var(--rose)}.app-icon--calc svg{width:100%;height:100%}.calc-screen{fill:var(--espresso)}.calc-digits{fill:var(--papel);font-family:var(--font-ui);font-size:6.4px;font-weight:600}.calc-key{fill:var(--espresso);fill-opacity:.72;transition:fill .12s var(--ease-out), fill-opacity .12s var(--ease-out)}.calc-key.is-pressed{fill:var(--papel);fill-opacity:1}.note--divas{touch-action:pan-y;-webkit-touch-callout:none;user-select:none;padding:.75rem .8rem .8rem;display:block}.note__title{text-wrap:balance;margin-top:.45rem;font-size:1rem;font-weight:600;line-height:1.3}.chat{gap:.25rem;margin-top:.5rem;display:grid}.msg{display:grid}.msg>*{grid-area:1/1}.msg__text{border-radius:16px;width:fit-content;max-width:88%;padding:.4rem .7rem;font-size:.875rem;line-height:1.35}.msg--luma .msg__text,.msg--luma .msg__typing{background:var(--creme);color:var(--espresso);border-bottom-left-radius:5px;justify-self:start}.msg--voce .msg__text,.msg--voce .msg__typing{background:var(--vinho);color:var(--papel);border-bottom-right-radius:5px;justify-self:end}.msg__who{color:var(--vinho);font-weight:600}.msg__typing{border-radius:16px;align-self:end;gap:.2rem;padding:.6rem .75rem;display:none}.msg__typing i{opacity:.5;background:currentColor;border-radius:50%;width:.3rem;height:.3rem}.cta{background:var(--vinho);min-height:2.875rem;color:var(--papel);-webkit-user-drag:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.65rem;padding:.7rem 1.1rem;font-size:.9375rem;font-weight:600;display:flex;box-shadow:0 10px 20px -12px #3a0f1be6}.cta__icon{flex:none;width:1.15rem;height:1.15rem}.cta__free{opacity:.85;font-weight:400}@media (height<=760px){.note{padding:.6rem .8rem}.note--divas{padding:.65rem .75rem .7rem}.note__title{margin-top:.35rem}.chat{gap:.2rem;margin-top:.4rem}.msg__text{padding:.32rem .65rem}.cta{min-height:2.75rem;margin-top:.55rem;padding-block:.6rem}}@media (height<=640px){.lock{--edge:2svh;gap:2.2svh}.date{font-size:.875rem}.clock{margin-bottom:0;font-size:clamp(4rem,min(32vw,12svh),8.75rem)}.signature{font-size:clamp(2rem,min(13vw,5.8svh),3.75rem)}.descriptor{display:none}.notes{gap:.4rem}.note,.note--divas{padding-block:.55rem}.note__title{font-size:.9375rem}.msg__text{padding:.25rem .6rem;font-size:.8125rem}.cta{margin-top:.45rem}}.toast{z-index:20;left:50%;top:max(.75rem, env(safe-area-inset-top));background:var(--papel);max-width:calc(100vw - 2rem);color:var(--espresso);text-align:center;opacity:0;transition:translate .38s var(--ease-out), opacity .2s var(--ease-out);border-radius:999px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:500;position:fixed;translate:-50% calc(-100% - 1.5rem);box-shadow:0 14px 28px -14px #120603cc}.toast.is-visible{opacity:1;translate:-50%}@keyframes wake{to{opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;translate:0 .4rem}}@keyframes focus-in{0%{opacity:0;filter:blur(10px);scale:1.06}}@keyframes write{0%{clip-path:inset(-40% 100% -40% -5%)}to{clip-path:inset(-40% -5%)}}@keyframes arrive{0%{opacity:0;translate:0 1.5rem;scale:.96}}@keyframes sheen{0%{background-position-x:85%}22%,to{background-position-x:15%}}@keyframes pop{0%{opacity:0;translate:0 .35rem;scale:.9}}@keyframes typing-window{0%{opacity:0}12%,88%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes dot{0%,60%,to{opacity:.45;translate:0}30%{opacity:.95;translate:0 -3px}}.motion body:before{content:"";z-index:30;pointer-events:none;opacity:0;animation:wake .65s var(--ease-out) backwards;background:#0a0403;position:fixed;inset:0}.motion .date{animation:fade .6s var(--ease-out) .2s backwards}.motion .clock{animation:focus-in 1s var(--ease-out) .15s backwards}.motion .signature{animation:1.1s cubic-bezier(.65,0,.35,1) .55s backwards write,6.5s cubic-bezier(.45,0,.25,1) 2.3s infinite sheen}.motion .descriptor{animation:fade-up .7s var(--ease-out) 1.25s backwards}.motion .note{animation:arrive .7s var(--ease-out) backwards}.motion .note:first-of-type{animation-delay:.85s}.motion .note:nth-of-type(2){animation-delay:.96s}.motion .note:nth-of-type(3){animation-delay:1.07s}.motion .msg__typing{animation:.9s linear both typing-window;display:inline-flex}.motion .msg__typing i{animation:.9s ease-in-out infinite dot}.motion .msg__typing i:nth-child(2){animation-delay:.15s}.motion .msg__typing i:nth-child(3){animation-delay:.3s}.motion .msg--1 .msg__text{animation:pop .42s var(--ease-out) 1.75s backwards;transform-origin:0 100%}.motion .msg--2 .msg__typing{animation-delay:2.2s}.motion .msg--2 .msg__text{animation:pop .42s var(--ease-out) 3.1s backwards;transform-origin:100% 100%}.motion .msg--3 .msg__typing{animation-delay:3.6s}.motion .msg--3 .msg__text{animation:pop .42s var(--ease-out) 4.5s backwards;transform-origin:0 100%}
