.recorder[data-v-b0498a96]{display:flex;flex-direction:column;gap:10px}.controls[data-v-b0498a96]{display:flex;flex-wrap:wrap;gap:10px}.controls .btn[data-v-b0498a96]{flex:1 1 8rem;min-height:48px}.note[data-v-b0498a96]{margin:0;font-size:13px;color:var(--soft)}.stage[data-v-b0498a96]{position:relative;background:var(--ink);border:2px solid var(--ink);border-radius:4px;overflow:hidden;aspect-ratio:3 / 4;max-height:70vh;margin:0 auto;width:100%}video[data-v-b0498a96]{width:100%;height:100%;object-fit:cover;display:block}video[controls][data-v-b0498a96]{object-fit:contain}.mirror[data-v-b0498a96]{transform:scaleX(-1)}.badge[data-v-b0498a96]{position:absolute;top:10px;left:10px;background:#0b4a4ad9;color:#fffdf7;font-weight:700;border-radius:999px;padding:4px 12px;font-variant-numeric:tabular-nums}.dot[data-v-b0498a96]{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff3b30;margin-right:6px;animation:pulse-b0498a96 1s infinite}.countdown[data-v-b0498a96]{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-brush);font-size:7rem;font-weight:400;color:#ffffffd9;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none}.starting[data-v-b0498a96]{position:absolute;inset:0;display:grid;place-items:center;color:#fff;margin:0}@keyframes pulse-b0498a96{50%{opacity:.3}}.stage[data-v-229c63c7]{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px 96px;padding:36px 20px 20px}@media(min-width:900px){.stage[data-v-229c63c7]{gap:64px 96px;padding:72px clamp(24px,6vw,96px) 40px}}.d[data-v-229c63c7]{position:absolute}.d1[data-v-229c63c7]{top:34px;left:24px}.d2[data-v-229c63c7]{top:96px;right:28px}.hero[data-v-229c63c7]{flex:1 1 380px;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hello[data-v-229c63c7]{font-size:36px;line-height:1}.hero h1[data-v-229c63c7]{font-size:clamp(96px,14vw,168px)}.swoosh[data-v-229c63c7]{width:min(100%,230px);height:16px}.lead[data-v-229c63c7]{margin-top:6px;max-width:310px;color:var(--soft);text-wrap:pretty}.tally[data-v-229c63c7]{margin-top:4px;font-size:24px;line-height:1.1;text-align:left}@media(min-width:900px){.hello[data-v-229c63c7]{font-size:52px}.cake[data-v-229c63c7]{width:76px;height:76px}.swoosh[data-v-229c63c7]{width:min(100%,360px);height:18px}.lead[data-v-229c63c7]{margin-top:14px;max-width:420px;font-size:20px;line-height:1.55}.tally[data-v-229c63c7]{font-size:30px}}@media(min-width:1100px){.hero[data-v-229c63c7]{align-items:flex-start;text-align:left}}.form[data-v-229c63c7]{flex:1 1 460px;max-width:540px;width:100%;display:flex;flex-direction:column;gap:24px;padding:32px 20px 24px;border-radius:14px 18px 14px 20px;box-shadow:5px 5px 0 var(--teal-light)}@media(min-width:900px){.form[data-v-229c63c7]{padding:40px 32px 32px;box-shadow:7px 7px 0 var(--teal-light)}.tilt-form[data-v-229c63c7]{transform:rotate(.6deg)}}.tape[data-v-229c63c7]{top:-15px;left:50%;margin-left:-52px;width:104px;transform:rotate(-3deg)}.field[data-v-229c63c7]{display:flex;flex-direction:column;gap:6px}label[data-v-229c63c7],.upload-title[data-v-229c63c7]{font-weight:700;font-size:15px}.soft[data-v-229c63c7]{font-weight:400;color:var(--soft)}.name-input[data-v-229c63c7]{width:100%;height:52px;padding:4px 2px;border:none;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;font-family:var(--font-hand);font-weight:500;font-size:28px;color:var(--ink)}.msg-input[data-v-229c63c7]{width:100%;min-height:200px;resize:vertical;padding:2px 12px;border:2px solid var(--ink);border-radius:10px;background-color:var(--card);background-image:repeating-linear-gradient(transparent 0 31px,#19b3a673 31px 33px);background-position:0 8px;font-family:var(--font-hand);font-weight:500;font-size:28px;line-height:33px;color:var(--ink)}.emoji-row[data-v-229c63c7]{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.emoji[data-v-229c63c7]{width:44px;height:44px;padding:0;font-size:22px;background:var(--teal-wash);border:1.5px solid var(--ink);border-radius:12px;cursor:pointer}.count[data-v-229c63c7]{margin:0;text-align:right;font-size:13px;color:var(--soft)}.upload[data-v-229c63c7]{gap:10px;padding:16px;border:2px dashed var(--ink);border-radius:14px;background:#f1faf8}.note[data-v-229c63c7]{font-size:14px;line-height:1.4;color:var(--soft)}.upload>.note[data-v-229c63c7]:last-child{font-size:13px}.pick[data-v-229c63c7]{position:relative}.pick input[data-v-229c63c7]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview img[data-v-229c63c7],.preview video[data-v-229c63c7]{display:block;width:100%;max-height:50vh;object-fit:contain;background:var(--teal-wash);border:2px solid var(--ink);border-radius:4px;margin-bottom:10px}.notice[data-v-229c63c7]{margin-top:4px}.progress[data-v-229c63c7]{position:relative;height:40px;border:2px solid var(--ink);border-radius:12px;background:var(--teal-wash);overflow:hidden}.bar[data-v-229c63c7]{height:100%;background:var(--teal-light);transition:width .2s}.progress span[data-v-229c63c7]{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:14px}.thanks[data-v-229c63c7]{flex-direction:column;flex-wrap:nowrap;gap:28px;text-align:center}.sent[data-v-229c63c7]{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px 32px}.tilt[data-v-229c63c7]{transform:rotate(-1.5deg)}.sent .tape[data-v-229c63c7]{margin-left:-54px;width:108px;transform:rotate(3deg)}.sent-title[data-v-229c63c7]{font-size:64px;line-height:.95}.sent-text[data-v-229c63c7]{max-width:270px;font-size:17px;line-height:1.5;text-wrap:pretty}.thanks .tally[data-v-229c63c7]{font-size:24px}.thanks .btn.primary[data-v-229c63c7]{min-height:54px;font-size:28px}.thanks .d1[data-v-229c63c7]{top:70px;left:36px}.thanks .d2[data-v-229c63c7]{top:120px;right:44px}.thanks .d3[data-v-229c63c7]{bottom:110px;left:50px;top:auto}.thanks .d4[data-v-229c63c7]{inset:auto 40px 90px auto}:root{--paper: #f7f2e6;--card: #fffdf7;--ink: #0b4a4a;--soft: #2f5f5f;--placeholder: #4f7373;--teal: #19b3a6;--teal-light: #6fd3c8;--teal-pale: #cff0eb;--teal-wash: #e4f6f3;--teal-ink: #0e8a80;--coral: #f08a6b;--peach: #f5b5a0;--danger: #b3261e;--dots: radial-gradient(circle, rgba(11, 74, 74, .28) 1.3px, transparent 1.6px);--tape-peach: repeating-linear-gradient(45deg, #f5b5a0 0 8px, #fbd3c5 8px 16px);--tape-teal: repeating-linear-gradient(45deg, #6fd3c8 0 8px, #a5e6de 8px 16px);--font-brush: "Caveat Brush", "Segoe Script", cursive;--font-hand: "Caveat", "Segoe Script", cursive;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Color Emoji", sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{margin:0;overflow-x:hidden}.journal{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--paper);background-image:var(--dots);background-size:20px 20px;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}@media(min-width:900px){.journal{background-size:22px 22px}}.journal h1,.journal p{margin:0}.journal ::placeholder{color:var(--placeholder);opacity:1}.journal :is(a,button,input,textarea,select,summary):focus-visible,.journal input:focus,.journal textarea:focus{outline:3px solid var(--teal);outline-offset:2px}.journal label:focus-within{outline:3px solid var(--teal);outline-offset:3px}.journal label:has(input:not([type=file])):focus-within{outline:none}.brush{font-family:var(--font-brush);font-weight:400}.hand{font-family:var(--font-hand);font-weight:500}.big-name{font-family:var(--font-brush);font-weight:400;color:var(--teal-ink);line-height:.85}.bullet-line{display:flex;align-items:center;gap:10px;font-family:var(--font-hand);font-weight:700}.bullet-line .dot{flex:none;width:.4em;height:.4em;min-width:9px;min-height:9px;border-radius:50%;background:var(--ink)}.tape{position:absolute;height:28px;background:var(--tape-peach);opacity:.94;pointer-events:none}.tape.teal{background:var(--tape-teal)}.paper-card{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--teal-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;font:inherit;font-weight:700;font-size:16px;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.btn.teal{background:var(--teal-light)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.primary{min-height:58px;padding:0 28px;border-radius:14px;background:var(--ink);color:var(--paper);font-family:var(--font-brush);font-weight:400;font-size:30px;box-shadow:4px 4px 0 var(--teal)}.btn.block{width:100%}.btn:active:not(:disabled){transform:translate(2px,2px)}.btn.primary:active:not(:disabled){box-shadow:2px 2px 0 var(--teal)}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;flex-direction:column;gap:10px}.error{color:var(--danger);font-weight:700;margin:8px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.journal-foot{text-align:center;padding:8px 0 28px;position:relative}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.tilt,.tilt-form{transform:none!important}}