.rc__header{color:#efe6da}.rc{--pad:var(--g-margin);color:#efe6da;isolation:isolate;min-height:100vh;padding:7.5rem 0 7rem;position:relative;overflow:hidden}.rc:before{content:"";z-index:-3;filter:brightness(.62)saturate(1.05);background:#120b07 url(/images/recados/room.webp) 50% 40%/cover no-repeat;position:fixed;inset:0;transform:scale(1.04)}.rc:after{content:"";z-index:-2;background:radial-gradient(70% 55% at 50% 45%,#0000 35%,#0a0604b8 100%),linear-gradient(#0a060499,#0000 28% 62%,#0a0604e0);position:fixed;inset:0}@media (max-width:1023px){.rc:before{background-image:url(/images/recados/room-900.webp)}}.rc__scene{z-index:-1;pointer-events:none;position:fixed;inset:0}.rc__rays{background:linear-gradient(100deg,#0000 8%,#ffc4781a 14%,#0000 24%),linear-gradient(80deg,#0000 72%,#ffc47817 80%,#0000 90%);animation:9s ease-in-out infinite alternate rays;position:absolute;inset:-10% 0 0}@keyframes rays{to{opacity:.55}}.rc__dust{left:calc(var(--i) * 7.1% + 2%);top:calc(18% + mod(var(--i) * 37, 55) * 1%);width:3px;height:3px;animation:dust calc(9s + var(--i) * .9s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.3s);background:#ffd6a0b3;border-radius:50%;position:absolute;box-shadow:0 0 6px #ffc882cc}@keyframes dust{to{opacity:.2;transform:translate(2.5vw,-9vh)}}.rc__leaf{top:-5vh;left:calc(var(--i) * 21vw + 5vw);background:var(--c-red);opacity:.7;clip-path:polygon(50% 0,60% 30%,95% 22%,70% 50%,100% 72%,62% 68%,55% 100%,45% 100%,38% 68%,0 72%,30% 50%,5% 22%,40% 30%);width:1rem;height:1rem;animation:rc-leaf calc(13s + var(--i) * 2.1s) linear infinite;animation-delay:calc(var(--i) * -3.1s);position:absolute}@keyframes rc-leaf{50%{transform:translate(5vw,55vh)rotate(210deg)}to{opacity:.15;transform:translate(-3vw,112vh)rotate(430deg)}}.rc__intro{padding:0 var(--pad);justify-items:start;gap:1rem;display:grid}.rc__kicker{color:#ff8a73}.rc__kicker .k-mincho{margin-right:.4rem}.rc__title{line-height:.9}.rc__text{color:#efe6dac7;max-width:34rem}.rc__desk{padding:0 var(--pad);grid-template-columns:minmax(0,30rem) auto;justify-content:center;align-items:center;gap:4rem;margin-top:3.5rem;display:grid}.rc__form{-webkit-backdrop-filter:blur(12px);background:#160f0bb8;border-radius:1.2rem;gap:1.1rem;padding:1.6rem;display:grid;position:relative;box-shadow:0 2rem 3rem -1.6rem #000000b3,inset 0 0 0 1px #ffdcb41a}.rc__field{gap:.45rem;display:grid}.rc__field>span{color:#efe6dab3;justify-content:space-between;display:flex}.rc__field em{opacity:.6;font-style:normal}.rc__field input,.rc__field textarea{width:100%;color:inherit;font:inherit;resize:vertical;background:#fff0dc12;border:0;border-radius:.7rem;padding:.8rem .95rem;font-size:1rem;line-height:1.45;transition:box-shadow .25s;box-shadow:inset 0 0 0 1px #ffdcb424}.rc__field textarea{min-height:8.5rem}.rc__field input::placeholder,.rc__field textarea::placeholder{color:#efe6da59}.rc__field input:focus,.rc__field textarea:focus{box-shadow:inset 0 0 0 1px rgba(var(--c-red-rgb), .9), 0 0 0 3px rgba(var(--c-red-rgb), .18);outline:none}.rc__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.rc__note{color:#efe6da80}.rc__note.-error{color:#ff9a86}.rc__btn{background:var(--c-red);color:#fff;height:3.2rem;box-shadow:0 1rem 1.8rem -.8rem rgba(var(--c-red-rgb), .8);transition:transform .3s var(--f-cubic), opacity .3s;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.6rem;font-size:1rem;display:inline-flex}.rc__btn:hover{transform:translateY(-2px)}.rc__btn:disabled{opacity:.6;cursor:progress}.rc__btn .k-mincho{background:#ffffff2e;border-radius:.3rem;place-items:center;width:1.6rem;height:1.6rem;font-size:.95rem;display:grid}.rc__btn.-ghost{background:#fff0dc14;justify-self:start;box-shadow:inset 0 0 0 1px #ffdcb433}.rc__done{animation:done-in .6s var(--f-cubic) .9s both;justify-items:start;gap:.9rem;display:grid}@keyframes done-in{0%{opacity:0;transform:translateY(.8rem)}}.rc__done-seal{color:#f6e9d9;background:#b8231d;border-radius:.5rem;place-items:center;width:3rem;height:3rem;font-size:1.6rem;display:grid;transform:rotate(-6deg)}.rc__preview .kake{--kake-w:min(19rem, 36vw)}.rc__preview .kake.-placeholder .kake__text{opacity:.35}.rc__preview .kake__text{transition:font-size .3s var(--f-cubic)}.rc__stamp{color:#b8231d;opacity:0;mix-blend-mode:multiply;pointer-events:none;border:1.2cqi solid #b8231d;border-radius:3cqi;place-items:center;width:30cqi;height:30cqi;font-size:18cqi;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(2.2)rotate(-12deg)}.rc__desk.-sent .rc__stamp{animation:.5s cubic-bezier(.5,0,.8,.4) forwards stamp}@keyframes stamp{70%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-12deg)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)rotate(-12deg)}}.rc__desk.-sent .rc__preview .kake{animation:roll-up 1.1s var(--f-cubic) .75s forwards;transform-origin:50% 0}@keyframes roll-up{55%{clip-path:inset(0 0 86%);opacity:1;transform:translateY(0)}to{clip-path:inset(0 0 86%);opacity:0;transform:translateY(-40vh)rotate(-8deg)}}.rc__wall{padding:0 var(--pad);margin-top:6rem}.rc__wall-title{align-items:baseline;gap:.8rem;margin:0 0 2.6rem;display:flex}.rc__wall-title .t-mm{color:#ff8a73}.rc__status{text-align:center;opacity:.6;padding:4rem 0}.rc__more{justify-self:center;margin:3rem auto 0;display:flex}@media (max-width:1023px){.rc__desk{grid-template-columns:minmax(0,1fr);gap:2.5rem}.rc__preview{justify-content:center;display:flex}.rc__preview .kake{--kake-w:min(15rem, 62vw)}}@media (max-width:639px){.rc{padding-top:6.2rem}.rc__form{padding:1.2rem}}@media (prefers-reduced-motion:reduce){.rc__dust,.rc__leaf,.rc__rays{animation:none}}