.u064{background:var(--ux-surface);width:340px;max-width:100%;height:560px;box-shadow:0 0 0 1px var(--ux-line),0 30px 60px -36px var(--ux-shadow-strong);border-radius:30px;position:relative;overflow:hidden}.u064-art{width:180px;height:150px;margin-left:-90px;transition:transform .7s cubic-bezier(.5,-.3,.6,1),opacity .5s;position:absolute;top:40px;left:50%}.u064.fly .u064-art{opacity:0;transform:translate(170px,-160px)rotate(18deg)scale(.4)}.u064.sent .u064-art{opacity:1;transition:transform .7s var(--ux-spring),opacity .4s;transform:none}.u064-env{perspective:400px;height:104px;position:absolute;bottom:0;left:10px;right:10px}.u064-clip{border-radius:0 0 12px 12px;position:absolute;inset:-90px 0 0;overflow:hidden}.u064-back{background:#c9beff;border-radius:12px;height:104px;position:absolute;bottom:0;left:0;right:0}.u064-letter{height:118px;transition:transform .6s var(--ux-ease);background:#fff;border-radius:8px;padding:14px;position:absolute;bottom:30px;left:16px;right:16px;box-shadow:0 4px 14px #28145a33}.u064-letter i{background:#e8e4f7;border-radius:4px;height:7px;margin-bottom:8px;display:block}.u064-letter i:first-child{background:#8b6cff;width:46%}.u064-letter i:nth-child(3){width:70%}.u064-front{clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(160deg,#a795ff,#7b61ff);border-radius:12px;position:absolute;inset:0}.u064-flap{transform-origin:50% 0;height:64px;transition:transform .5s var(--ux-ease);position:absolute;top:0;left:0;right:0;transform:rotateX(180deg)}.u064-flap:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#9580ff;border-radius:12px 12px 0 0;position:absolute;inset:0}.u064.sealed .u064-letter{transform:translateY(70px)}.u064.sealed .u064-flap{transition-delay:.45s;transform:none}.u064-badge{background:var(--ux-mint);width:40px;height:40px;color:var(--ux-accent-ink);box-shadow:0 0 0 4px var(--ux-surface);transition:transform .5s var(--ux-spring) .3s;border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-6px;transform:scale(0)}.u064-badge svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.u064.sent .u064-badge{transform:none}.u064-pane{text-align:center;transition:transform .55s var(--ux-ease),opacity .35s;flex-direction:column;padding:0 26px 24px;display:flex;position:absolute;inset:208px 0 0}.u064-pane h3{letter-spacing:-.045em;color:var(--ux-ink);margin:0;font-size:22px;font-weight:850}.u064-pane p{color:var(--ux-ink-3);margin:6px 0 18px;font-size:13.5px;line-height:1.55}.u064-pane p b{color:var(--ux-ink);word-break:break-all}.u064-done{opacity:0;pointer-events:none;transform:translateY(30px)}.u064.sent .u064-ask{opacity:0;pointer-events:none;transform:translateY(-20px)}.u064.sent .u064-done{opacity:1;pointer-events:auto;transition-delay:.15s;transform:none}.u064-box{background:var(--ux-surface-2);border-radius:15px;align-items:center;height:52px;padding:0 16px;transition:box-shadow .25s,background-color .25s;display:flex;box-shadow:inset 0 0 0 1.5px #0000}.u064-box:focus-within{background:var(--ux-surface);box-shadow:inset 0 0 0 1.5px var(--ux-accent),0 0 0 4px var(--ux-accent-soft)}.u064-box.bad{box-shadow:inset 0 0 0 1.5px var(--ux-danger)}.u064-box input{min-width:0;height:100%;color:var(--ux-ink);text-align:left;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:15px;font-weight:600}.u064-box input:focus-visible{outline:none}.u064-box input::placeholder{color:var(--ux-ink-3);font-weight:500}.u064-pane .u064-err{min-height:20px;color:var(--ux-danger);text-align:left;margin:8px 2px 0;font-size:12.5px;font-weight:650;line-height:1.4}.u064-b{background:var(--ux-ink);height:52px;color:var(--ux-page);transition:transform .3s var(--ux-spring),opacity .3s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:760;text-decoration:none;display:flex}.u064-b:active{transform:scale(.97)}.u064-b:focus-visible,.u064-link:focus-visible{outline:2px solid var(--ux-accent);outline-offset:3px}.u064-b.ghost{background:var(--ux-surface-2);color:var(--ux-ink)}.u064-b[aria-disabled=true]{opacity:.55}.u064-ring{width:20px;height:20px;transform:rotate(-90deg)}.u064-ring circle{fill:none;stroke-width:2.5px}.u064-ring .t{stroke:var(--ux-line-2)}.u064-ring .p{stroke:var(--ux-accent);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);stroke-linecap:round}.u064-link{color:var(--ux-ink-3);text-underline-offset:3px;background:0 0;border:0;align-self:center;margin-top:12px;padding:4px;font-size:13px;font-weight:700;text-decoration:underline}