@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900}:root{color:#4f4f4f;background:#fff;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#app{min-height:100vh}.screen{display:grid;min-height:100vh;place-items:center;padding:0;overflow:hidden;background:#fff}.artboard{position:relative;width:min(648px,100vw);aspect-ratio:648 / 721;background:#fff;color:#4f4f4f}.field-label,.field-input,.birthday-arrow,.birthday-format,.done-button{position:absolute}.field-label{left:7.87%;margin:0;color:#4b4b4b;font-size:clamp(19px,3.24vw,21px);font-weight:300;line-height:1;white-space:nowrap}.field-label-name{top:34.26%}.field-label-birthday{top:41.19%}.field-input{left:43.52%;width:51.7%;height:5%;border:1px solid #8b8b8b;border-radius:0;padding:0 20px;color:#5b5b5b;background:#fff;font-size:clamp(18px,3.08vw,20px);font-weight:300;line-height:1;outline:none}.field-input::placeholder{color:#b6b6b6;opacity:1}.field-input-name{top:32.73%}.field-input-birthday{top:40.08%}.birthday-arrow{left:7.1%;top:45.05%;width:10.2%;height:14%;overflow:visible}.birthday-arrow path{fill:none;stroke:#171717;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.birthday-format{left:15.9%;top:56.58%;margin:0;color:#737373;font-size:clamp(12px,2.16vw,14px);font-weight:300;line-height:1}.done-button{left:43.52%;top:49.65%;display:inline-grid;grid-template-columns:auto 28px;align-items:end;gap:7px;border:0;padding:0;color:#4b4b4b;background:transparent;font-size:clamp(18px,3.08vw,20px);font-weight:300;line-height:1;cursor:pointer}.done-button span{border-bottom:1px solid #4b4b4b;line-height:.98}.done-button:after{content:"";width:25px;height:13px;border-right:1px solid #4b4b4b;border-bottom:1px solid #4b4b4b;transform:skew(38deg);transform-origin:bottom right}.done-button:disabled,.field-input:disabled{cursor:wait;opacity:.62}.login-error{position:absolute;left:43.52%;top:54.5%;margin:0;color:#d65b8a;font-size:clamp(12px,2.16vw,14px);font-weight:300;line-height:1}.story-header,.story-prompt,.story-action,.story-error,.end-heading,.end-text,.sticker{position:absolute}.story-header{top:14.4%;left:0;width:100%}.story-header p,.story-prompt,.story-action,.end-heading,.end-text{margin:0;color:#4b4b4b;font-weight:300;line-height:1.08}.story-header p{display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.7vw,24px)}.heart-icon{width:31px;height:31px;margin-left:12px;object-fit:contain}.story-prompt{left:7.87%;top:39.95%;color:#111;font-size:clamp(21px,3.7vw,24px);font-weight:400}.story-action{display:inline-flex;align-items:center;gap:8px;color:#5d5d5d;font-size:clamp(20px,3.4vw,22px);font-weight:300}.checkbox-button{width:32px;height:25px;border:1px solid #8b8b8b;border-radius:0;padding:0;background:transparent;cursor:pointer}.checkbox-button:disabled{cursor:wait;opacity:.55}.action-yes{left:48.15%;top:39.95%}.action-nope{left:71.76%;top:39.95%}.sticker{object-fit:contain}.sticker-wave{left:7.4%;top:13%;width:23.5%}.sticker-worry{left:8.2%;top:13.6%;width:21%}.page-03 .story-header,.page-04 .story-header{top:14.5%;left:22%;width:78%}.page-03 .story-prompt,.page-04 .story-prompt{top:38.65%}.action-maybe{left:34.72%;top:38.65%}.action-nope-loud{left:67.28%;top:38.65%}.action-miss{left:28.55%;top:38.65%}.action-long-nope{left:65.12%;top:38.65%;align-items:flex-start;line-height:1.05}.action-long-nope .checkbox-button{margin-top:0}.story-error{left:7.87%;top:47%;margin:0;color:#d65b8a;font-size:clamp(12px,2.16vw,14px);font-weight:300;line-height:1}.end-heading,.end-text{width:100%;text-align:center;font-size:clamp(22px,3.7vw,24px)}.page_05 .end-text{top:14.7%}.sticker-sad{left:38.5%;top:23.6%;width:34%}.page_06 .end-heading{top:14.7%}.page_06 .end-text{top:18.15%}.sticker-error{left:49.25%;top:25.2%;width:24%;transform:translate(-50%)}@media(max-width:520px){.checkbox-button{width:24px;height:20px}.heart-icon{width:24px;height:24px;margin-left:8px}}