.pen{--pen-paper:#d8d5cf;--pen-ink:#2b3ac2;min-height:100dvh;padding:clamp(30px, 6vw, 64px) clamp(18px, 5vw, 44px) calc(88px + env(safe-area-inset-bottom));background:radial-gradient(130% 90% at 50% 4%, #e4e1db 0%, var(--pen-paper) 55%, #c8c5be 100%);color:var(--pen-ink);font-family:var(--font-hand), "Comic Sans MS", cursive;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.pen:before{content:"";pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.pen-sheet{text-align:center;width:min(640px,100%);position:relative}.pen-title{letter-spacing:.01em;margin:0;font-size:clamp(38px,10.6vw,74px);font-weight:400;line-height:.98}.pen-title>span{display:block}.pen-title>span:first-child{transform:rotate(-1.4deg)}.pen-title>span:nth-child(2){transform:rotate(.9deg)}.pen-title>span:nth-child(3){transform:rotate(-.7deg)}.pen-fam{transform:rotate(-1.1deg)}.pen-join{margin:22px 0 6px;font-size:clamp(19px,5.2vw,27px);line-height:1.25}.pen-form{text-align:left;margin-top:12px}.pen-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pen-field{display:block;position:relative}.pen-field--wide{grid-column:1/-1}.pen-input{width:100%;color:inherit;font:inherit;border:2.3px solid var(--pen-ink);background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:10px 16px 8px;font-size:clamp(17px,4.4vw,21px);line-height:1.3;transition:transform .12s,box-shadow .12s}.pen-field:nth-child(2n) .pen-input{border-radius:15px 255px 15px 225px/225px 15px 255px}.pen-input::placeholder{color:var(--pen-ink);opacity:.5}.pen-input:focus-visible{box-shadow:3px 3px 0 var(--pen-ink);outline:none;transform:translate(-1px,-1px)}.pen-field.bad .pen-input{border-style:dashed}.pen-input--area{resize:vertical;min-height:106px}.pen-err{margin:5px 4px 0;font-size:15px;line-height:1.3;display:block}.pen-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.pen-counter{opacity:.7;font-size:14.5px}.pen-counter.over{opacity:1;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.pen-btn{font:inherit;letter-spacing:.14em;color:inherit;border:2.4px solid var(--pen-ink);cursor:pointer;background:0 0;border-radius:15px 225px 15px 255px/255px 15px 225px;padding:8px 44px 6px;font-size:clamp(19px,4.8vw,25px);transition:background .16s,color .16s,transform .12s;transform:rotate(-.8deg)}.pen-btn:hover:not(:disabled),.pen-btn:focus-visible{background:var(--pen-ink);color:var(--pen-paper)}.pen-btn:disabled{opacity:.6;cursor:progress}.pen-note{min-height:1.4em;margin:10px 4px 0;font-size:16px;line-height:1.35}.pen-done{margin-top:26px}.pen-done-title{margin:0;font-size:clamp(28px,7.4vw,44px);line-height:1.05;transform:rotate(-.8deg)}.pen-done-email{opacity:.75;word-break:break-all;margin:14px 0 0;font-size:16px}.pen-done-xo{margin:14px 0 0;font-size:clamp(20px,5.4vw,26px);transform:rotate(-1deg)}@media (max-width:560px){.pen-grid{grid-template-columns:1fr;gap:12px}.pen-actions{text-align:center;flex-direction:column-reverse;align-items:stretch;gap:10px}.pen-btn{width:100%;padding:10px 20px 8px}}