@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&family=Caveat:wght@500;600&display=swap";
:root{--ink:#59485f;--muted:#8b7c91;--pink:#cc6987;--pale:#f8edf0;--lilac:#c6b7d8;--blue:#e4edf3;--paper:#fffdfc;--line:#eee5eb}*{box-sizing:border-box}body{color:var(--ink);background:#f6edf2;margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #8c75a7}h1,h2,p{margin:0}h1,h2{font-family:Nunito,sans-serif}h1{letter-spacing:-1px;font-size:34px;font-weight:900;line-height:1.22}h1:focus{outline:none}h2{font-weight:800}button{border:0}button,input,select{touch-action:manipulation}.winter-world{background:radial-gradient(at 15% 30%,#edf1f7 0,#0000 60%),radial-gradient(at 95% 60%,#f6e0e8 0,#0000 55%),#f6edf2;min-height:100svh;position:relative;overflow:hidden}.topline{z-index:2;justify-content:space-between;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:28px 40px;display:flex;position:relative}.brand{align-items:center;gap:8px;font-size:22px;display:flex}.brand span{font-family:Nunito,sans-serif;font-size:15px;font-weight:800}.winter-tag{color:#8c7e95;background:#ffffff70;border:1px solid #ffffffb0;border-radius:30px;padding:8px 12px;font-size:11px}.experience{z-index:1;width:min(100% - 40px,440px);margin:34px auto 0;padding-bottom:40px;position:relative}.note-label{text-align:center;color:#8e7e96;letter-spacing:.3px;margin-bottom:28px;font-size:11px}.tiny-heart{color:var(--pink);margin-right:6px;font-size:17px}.letter{background:var(--paper);text-align:center;border:1px solid #fff;border-radius:12px 12px 40px;min-height:560px;padding:28px 35px 25px;position:relative;box-shadow:0 18px 55px #917b9b13,0 3px 8px #917b9b08}.tape{clip-path:polygon(0 0,97% 4%,100% 89%,3% 100%);background:repeating-linear-gradient(90deg,#d3c8e79c 0 8px,#e4dbefad 8px 10px);width:96px;height:27px;position:absolute;top:-14px;left:calc(50% - 48px);transform:rotate(-4deg)}.corner-doodle{color:#ccbddc;font-size:32px;position:absolute;top:25px;right:21px;transform:rotate(13deg)}.intro-art{height:193px;padding-top:4px;position:relative}.strawberry{width:210px;height:auto;margin:0 auto;display:block}.intro-art .strawberry{width:197px;margin-left:31px}.handwritten{color:#9a849e;font-family:Caveat,cursive;font-size:20px;line-height:1.12}.art-note{text-align:left;font-size:19px;position:absolute;top:45px;right:-7px;transform:rotate(9deg)}.art-note span{margin-left:35px;font-size:30px;display:block;transform:rotate(-15deg)}.pill{color:#9b718d;background:#f9f2f6;border:1px solid #eddee8;border-radius:40px;margin-bottom:16px;padding:6px 13px;font-size:10px;display:inline-block}.heading-heart{color:#d1859c;white-space:nowrap;font-family:Caveat,cursive;font-size:40px;font-weight:500}.description{color:var(--muted);margin-top:15px;font-size:13px;line-height:1.8}.little-things{color:#8a7890;white-space:nowrap;justify-content:center;align-items:center;gap:9px;margin:23px -8px;font-size:10px;display:flex}.little-things i{color:#c5b4c9;font-style:normal}.primary{background:var(--pink);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:20px;width:100%;min-height:52px;padding:14px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:0 4px #ad5473}.primary:hover:enabled{background:#bd5c7b}.primary:active:enabled{transform:translateY(2px);box-shadow:0 2px #ad5473}.primary span{font-size:20px}.microcopy{color:#a99aaa;margin-top:17px;font-size:10px}.bottom-note{text-align:center;color:#97879e;max-width:290px;margin:25px auto 0;font-size:10px;line-height:1.7}.bottom-note span{color:#bf87a1;margin-top:6px;font-size:18px;display:block}.snow-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffffd9 2px,#0000 3px),radial-gradient(circle,#ffffffb0 1.5px,#0000 2.5px);background-position:13px 20px,64px 80px;background-size:83px 105px,117px 91px;position:absolute;inset:0}.landscape{pointer-events:none;height:220px;position:absolute;inset:auto 0 0}.hill{border-radius:50% 50% 0 0;position:absolute}.hill-one{background:#e9e9f3;width:110%;height:200px;bottom:-100px;left:-25%}.hill-two{background:#f9f6fa;width:110%;height:190px;bottom:-105px;right:-30%}.pine{color:#b8c4ce;opacity:.65;font-size:110px;line-height:1;position:absolute;bottom:30px;transform:scaleX(.5)}.pine-one{left:13%}.pine-two{font-size:72px;bottom:20px;left:18%}.pine-three{font-size:130px;bottom:7px;right:12%}.step-top{color:#9b89a3;justify-content:space-between;align-items:center;height:35px;font-size:11px;display:flex}.back{color:#907a9c;background:#f7f1f6;border-radius:12px;width:36px;height:36px;font-size:19px}.progress{gap:6px;margin:17px 0 23px;display:flex}.progress span{background:#eee8f2;border-radius:4px;flex:1;height:4px}.progress .filled{background:#c4afd5}.question-icon{margin:10px auto 19px;font-size:46px}.choices{gap:10px;margin:24px 0;display:grid}.choice{text-align:left;color:var(--ink);background:#fff;border:1.5px solid #eee6ef;border-radius:14px;align-items:center;gap:13px;min-height:70px;padding:13px 14px;display:flex}.choice.selected{background:#fdf0f4;border-color:#cd91a9}.choice-icon{font-size:27px}.choice strong{font-size:12px;font-weight:600;display:block}.choice small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.choice-check{text-align:center;border:1px solid #dacbde;border-radius:50%;width:18px;height:18px;margin-left:auto;font-size:11px;line-height:17px}.selected .choice-check{color:#fff;background:#ce7d99;border-color:#ce7d99}.field-label{text-align:left;margin:26px 0 9px;font-size:12px;font-weight:600;display:block}.text-field{width:100%;color:var(--ink);background:#fffeff;border:1.5px solid #e5dce9;border-radius:12px;min-height:52px;padding:14px;font-size:16px}.text-field::placeholder{color:#b7a9bd;font-size:13px}.suggestions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.suggestions button{color:#92799f;background:#f6f0f8;border-radius:30px;min-height:36px;padding:8px 12px;font-size:11px}.suggestions button[aria-pressed=true]{background:#e5d8ee}.team-note{margin:37px 0 31px;transform:rotate(-3deg)}.small{width:132px;margin:2px auto 14px}.date-fields{text-align:left;grid-template-columns:1fr 1.7fr;gap:12px;margin-top:28px;display:grid}.date-fields label{font-size:12px;font-weight:600}.date-fields select{width:100%;min-height:53px;color:var(--ink);background:#fcf8fc;border:1.5px solid #e7ddea;border-radius:13px;margin-top:8px;padding:12px;font-size:16px;display:block}.privacy-note{color:#9a8c9f;margin:21px 0 25px;font-size:10px;line-height:1.7}.error{color:#ac425f;background:#fff0f1;border-radius:10px;margin:16px 0;padding:12px;font-size:12px;line-height:1.6}.celebration{height:225px;padding:24px 0 0;position:relative}.celebration>span{color:#c4b0da;font-size:27px;position:absolute;top:60px;left:20px}.celebration>span:nth-child(2){color:#d999ac;top:80px;left:auto;right:18px}.celebration>span:nth-child(3){color:#dfc091;font-size:20px;top:150px;left:50px}.birthday-ticket{background:#f8f0f6;border:1px dashed #dbc2d4;border-radius:13px;justify-content:center;align-items:center;gap:16px;margin:25px 0;padding:19px 12px;display:flex}.birthday-ticket>span{font-size:28px}.birthday-ticket small{color:#a1849f;font-size:10px;display:block}.birthday-ticket strong{margin-top:4px;font-family:Nunito,sans-serif;font-size:23px;font-weight:800;display:block}.saved-note{color:#7e927c;font-size:11px}.final-note{margin:24px 0 10px;font-size:19px;transform:rotate(-3deg)}.step-4{animation:.4s ease-out reveal}.step-1,.step-2,.step-3{animation:.25s ease-out reveal}@keyframes reveal{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}.admin-world{background:#f3edf5;min-height:100svh;padding-bottom:50px}.admin-panel{background:var(--paper);border-radius:20px;width:min(100% - 40px,850px);margin:35px auto;padding:36px;box-shadow:0 14px 45px #917b9b0d}.login-panel{text-align:center;max-width:410px;padding:30px}.login-panel .primary{margin-top:22px}.login-panel h1{font-size:30px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-heading h1{font-size:31px}.secondary{color:#80678d;background:#f1e8f3;border-radius:10px;min-height:42px;padding:11px 15px;font-size:12px}.admin-toolbar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin:28px 0 20px;padding-top:22px;font-size:12px;display:flex}.empty-state{text-align:center;padding:30px 10px}.empty-state h2{margin-bottom:10px;font-size:20px}.empty-state p{color:var(--muted);font-size:13px;line-height:1.8}.response-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.response-card{background:#fdf8fb;border:1px solid #eee1eb;border-radius:16px;padding:21px}.response-date{align-items:center;gap:12px;display:flex}.response-date>span{font-size:31px}.response-date small{color:#a38ca7;font-size:10px}.response-date h2{font-size:24px}.response-card dl{margin:22px 0}.response-card dl div{margin:14px 0}.response-card dt{color:#9c89a3;margin-bottom:5px;font-size:10px}.response-card dd{overflow-wrap:anywhere;margin:0;font-size:13px}.response-card time{color:#a190a7;font-size:10px}.response-list+.primary{margin-top:22px}@media (min-width:900px){.experience{margin-top:25px}.letter{padding:30px 38px 26px}.winter-world{min-height:860px}.landscape{height:270px}.pine-one{font-size:140px;bottom:25px;left:21%}.pine-two{bottom:3px;left:26%}.pine-three{font-size:160px;right:20%}}@media (max-width:480px){.topline{padding:22px}.brand span{font-size:12px}.winter-tag{padding:7px 9px;font-size:9px}.experience{width:calc(100% - 36px);max-width:390px;margin-top:23px;padding-bottom:22px}.note-label{margin-bottom:25px;font-size:10px}.letter{min-height:545px;padding:24px 26px 26px}.intro-art{height:185px}.intro-art .strawberry{width:188px;margin-left:10px}.art-note{font-size:18px;top:46px;right:-5px}h1{letter-spacing:-.7px;font-size:30px}.heading-heart{font-size:34px}.description{font-size:12px}.little-things{gap:7px;margin-top:22px;margin-bottom:23px;font-size:9px}.bottom-note{margin-top:23px;font-size:9px}.pine-one{left:-4%}.pine-two{font-size:60px;left:8%}.pine-three{font-size:100px;right:-5%}.admin-panel{margin-top:20px;padding:24px}.admin-heading{flex-direction:column;gap:16px}.response-list{grid-template-columns:1fr}.admin-heading h1{font-size:28px}}@media (max-width:360px){.letter{padding:24px 20px}h1{font-size:27px}.brand span{font-size:11px}.winter-tag{font-size:8px}.art-note{font-size:16px}.intro-art .strawberry{width:179px;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.delete-response{color:#a35f7c;text-underline-offset:3px;background:0 0;min-height:36px;margin-top:8px;padding:12px 0 0;font-size:11px;text-decoration:underline;display:block}