@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--bg:#faf9f5;--bg-2:#f1ede3;--paper:#fff;--ink:#1f1d1a;--ink-soft:#6b6459;--ink-faint:#9b9388;--coral:#c75d4a;--coral-deep:#a8442f;--line:#e6e1d5;--line-soft:#efebe1}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;min-height:100dvh;font-family:Pretendard Variable,Pretendard,Noto Sans JP,-apple-system,system-ui,sans-serif;overflow-x:clip}.serif{font-family:Fraunces,Pretendard Variable,serif}.nav{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 28px;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.logo .accent{color:var(--coral);font-size:17px}.logo-text{flex-direction:column;line-height:1.08;display:inline-flex}.logo-main{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:600}.logo-sub,.logo{white-space:nowrap}.logo-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px;font-weight:500}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--ink-soft);font-size:14.5px;text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-cta{color:var(--bg);background:var(--ink);border-radius:8px;padding:9px 18px;font-size:14.5px;text-decoration:none}.nav-cta:hover{background:#000}.logout{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px}.logout:hover{color:var(--ink);border-color:var(--ink-faint)}.nav-link{color:var(--ink-soft);font-size:14px;text-decoration:none}.nav-link:hover{color:var(--ink)}.profile-name{text-align:center;margin-bottom:30px}.profile-photo{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:96px;height:96px;margin:0 auto;display:block}.profile-photo.placeholder{background:var(--bg-2);justify-content:center;align-items:center;font-size:38px;display:flex}.profile-flower{color:var(--coral);margin-top:16px;font-family:Fraunces,serif;font-size:28px;font-weight:500}.profile-flower-sub{color:var(--ink-faint);margin-top:4px;font-size:13px}.auth-note{color:var(--ink-soft);background:var(--bg-2);border-radius:8px;padding:11px 13px;font-size:13.5px;line-height:1.5}.auth-fixed{color:var(--ink-faint);margin-top:4px;font-size:12.5px}.danger-zone{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.danger-title{color:var(--coral-deep);margin-bottom:12px;font-size:14px;font-weight:600}.danger-desc{color:var(--ink-soft);margin-bottom:14px;font-size:13.5px;line-height:1.6}.danger-btn-outline{color:var(--coral-deep);border:1px solid #e3b5ab;border-radius:8px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-block}.danger-btn-outline:hover{background:#fbeae6}.danger-btn{color:#fff;background:var(--coral-deep);cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600}.danger-cancel{color:var(--ink-soft);margin-left:14px;font-size:14px;text-decoration:none;display:inline-block}.home2{grid-template-columns:290px 1fr;max-width:1120px;min-height:calc(100dvh - 70px);margin:0 auto;display:grid}.home-side{border-right:1px solid var(--line);padding:26px 18px}.side-write{text-align:center;background:var(--coral);color:#fff;border-radius:10px;margin-bottom:22px;padding:13px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.side-write:hover{background:var(--coral-deep)}.side-section{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 8px;padding:0 6px;font-size:11px}.side-item{color:var(--ink);border-radius:9px;align-items:center;gap:9px;padding:11px 10px;font-size:14px;text-decoration:none;display:flex}.side-item:hover,.side-item.on{background:var(--bg-2)}.dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot.unread{background:var(--coral);border-color:var(--coral)}.thread-ic{background:var(--coral);border-radius:50%;flex-shrink:0;width:7px;height:7px}.av-fl{width:62%;height:62%}.side-avatar{object-fit:cover;background:var(--bg-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.side-nick{font-weight:600}.side-meta{color:var(--ink-faint);margin-left:auto;font-size:12.5px}.letter-avatar{object-fit:cover;background:var(--bg-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;display:inline-flex}.letter-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.side-empty{color:var(--ink-faint);padding:8px 10px;font-size:13px}.home-main{max-width:640px;padding:clamp(28px,4vw,52px) clamp(24px,4vw,48px)}.main-welcome{max-width:480px}.welcome-card{background:var(--ink);color:var(--bg);border-radius:16px;margin-top:26px;padding:28px 30px;text-decoration:none;transition:transform .18s;display:block}.welcome-card:hover{transform:translateY(-3px)}.welcome-card .home-primary-q{margin:14px 0}.welcome-card .home-arrow{color:var(--coral);font-size:15px}.thread-title{letter-spacing:-.02em;margin-bottom:22px;font-family:Fraunces,serif;font-size:22px;font-weight:500}.thread-view .reply-card{margin-top:16px}@media (max-width:820px){.home2{grid-template-columns:1fr}.home-side{border-right:none;border-bottom:1px solid var(--line)}.home-main{max-width:100%}}.home{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,64px) 28px 90px}.home-hero{margin-bottom:36px}.home-title{letter-spacing:-.03em;white-space:pre-line;margin-top:14px;font-family:Fraunces,Pretendard Variable,serif;font-size:clamp(30px,5vw,50px);font-weight:500;line-height:1.18}.home-stats{color:var(--ink-soft);align-items:center;gap:10px;margin-top:22px;font-size:14.5px;display:flex}.home-stats b{color:var(--coral);font-weight:600}.home-stats-div{color:var(--line)}.home-primary{background:var(--ink);color:var(--bg);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;padding:34px;text-decoration:none;transition:transform .18s;display:flex;position:relative;overflow:hidden}.home-primary:hover{transform:translateY(-3px)}.home-primary-thread{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-primary-text{z-index:1;position:relative}.home-primary-label{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}.home-primary-q{color:#fff;margin:14px 0 10px;font-family:Fraunces,serif;font-size:clamp(19px,2.6vw,25px);font-weight:500;line-height:1.4}.home-primary-hint{color:#ffffff8c;font-size:13.5px}.home-arrow{color:var(--coral);z-index:1;flex-shrink:0;font-size:28px;position:relative}.home-section{margin-bottom:38px}.home-section-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.home-section-title{letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:600}.home-more{color:var(--ink-soft);font-size:13.5px;text-decoration:none}.home-more:hover{color:var(--coral)}.lang-switch{background:var(--bg-2);border-radius:9px;align-items:center;gap:4px;margin-right:10px;padding:3px;display:flex}.lang-switch a{color:var(--ink-faint);white-space:nowrap;border-radius:7px;padding:5px 11px;font-size:13px;text-decoration:none;transition:color .14s,background .14s}.lang-switch a:hover{color:var(--ink)}.lang-switch a.active{color:var(--ink);background:var(--paper);font-weight:600;box-shadow:0 1px 2px #0000000d}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);max-width:1120px;margin:0 auto;padding:clamp(48px,9vw,110px) 28px clamp(56px,8vw,96px);display:grid}.hero-text{max-width:540px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:22px;font-size:13px;font-weight:600}.slogan{letter-spacing:-.035em;color:var(--ink);font-family:Fraunces,Pretendard Variable,serif;font-size:clamp(36px,6.5vw,78px);font-weight:500;line-height:1.08}.subtitle{color:var(--ink-soft);max-width:420px;margin-top:26px;font-size:clamp(17px,1.6vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;display:flex}.cta{color:#fff;background:var(--coral);border-radius:10px;padding:15px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s}.cta:hover{background:var(--coral-deep);transform:translateY(-1px)}.ghost{color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:15px 22px;font-size:16px;font-weight:500;text-decoration:none}.ghost:hover{background:var(--bg-2)}.hero-visual{aspect-ratio:4/3.4;position:relative}.visual-frame{border:1px solid var(--line);background:linear-gradient(160deg,#f3eee2,#ece4d3);border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.visual-frame img{object-fit:cover;width:100%;height:100%}.visual-thread{width:100%;height:100%;position:absolute;inset:0}.visual-hint{color:var(--ink-faint);letter-spacing:.1em;font-family:Noto Sans JP,serif;font-size:13px;position:absolute;bottom:16px;right:18px}.scroll-landing{position:relative}.thread-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scroll-landing>header,.scroll-landing>section,.scroll-landing>footer,.thread-zone>section{z-index:1;position:relative}.thread-zone{position:relative}.snap{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:760px;min-height:100dvh;margin:0 auto;padding:80px 28px;display:flex}.snap-hero{min-height:92dvh;position:relative;overflow:hidden}.snap-final{position:relative;overflow:hidden}.snap-hero>:not(.hero-flora),.snap-final>:not(.final-flora){z-index:2;position:relative}.scroll-hint{color:var(--ink-faint);margin-top:60px;font-size:24px;animation:2s ease-in-out infinite bob}.hero-flora,.final-flora{z-index:0;pointer-events:none;position:absolute;inset:0}.petals{pointer-events:none;position:absolute;inset:0}.flora-thread{width:100%;height:100%;position:absolute;inset:0}.flora-draw{fill:none;stroke:var(--coral);stroke-width:1.3px;stroke-linecap:round;opacity:.5;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.65,0,.35,1) .25s forwards floraDraw}@keyframes floraDraw{to{stroke-dashoffset:0}}.flower{opacity:0;width:clamp(74px,13vw,126px);animation:1s cubic-bezier(.2,.85,.25,1) forwards flowerPop;position:absolute;left:50%;transform:translate(-50%)scale(.55)}.hero-flower{opacity:0;width:clamp(70px,11vw,112px);margin:0 auto 16px;animation:1s cubic-bezier(.2,.85,.25,1) .15s forwards flowerPop;transform:scale(.55)}.flower-top{animation-delay:.15s;top:6%}.flower-bottom{animation-delay:.3s;bottom:6%}.flora-stop{z-index:1;height:20vh;position:relative}.flower-svg{transform-origin:50% 72%;filter:drop-shadow(0 7px 16px #78281c29);width:100%;height:100%;animation:6.5s ease-in-out infinite floraSway;display:block}.flower-bottom .flower-svg{animation-duration:7.5s;animation-direction:reverse}@keyframes flowerPop{0%{opacity:0;transform:translate(-50%)scale(.55)rotate(-8deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes floraSway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.petal{--sway:30px;background:linear-gradient(135deg, #e0917f, var(--coral));opacity:0;will-change:transform;border-radius:100% 0;width:11px;height:15px;animation:linear infinite petalFall;position:absolute;top:-9%}@keyframes petalFall{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}4%{opacity:.85}90%{opacity:.7}to{transform:translateY(112vh) translateX(var(--sway)) rotate(560deg);opacity:0}}.petal:first-child{--sway:34px;width:10px;height:14px;animation-duration:11s;animation-delay:-3s;left:6%}.petal:nth-child(2){--sway:-28px;background:linear-gradient(135deg,#f3d2cb,#e0917f);width:13px;height:17px;animation-duration:9s;animation-delay:-7s;left:16%}.petal:nth-child(3){--sway:44px;width:9px;height:13px;animation-duration:13s;animation-delay:-11s;left:27%}.petal:nth-child(4){--sway:-36px;background:linear-gradient(135deg,#f3d2cb,#e0917f);width:12px;height:16px;animation-duration:10s;animation-delay:-5s;left:38%}.petal:nth-child(5){--sway:30px;width:11px;height:15px;animation-duration:12s;animation-delay:-12s;left:49%}.petal:nth-child(6){--sway:-42px;width:10px;height:14px;animation-duration:9.5s;animation-delay:-2s;left:60%}.petal:nth-child(7){--sway:38px;background:linear-gradient(135deg,#f3d2cb,#e0917f);width:13px;height:17px;animation-duration:11.5s;animation-delay:-8s;left:71%}.petal:nth-child(8){--sway:-30px;width:9px;height:13px;animation-duration:13.5s;animation-delay:-4s;left:81%}.petal:nth-child(9){--sway:32px;width:12px;height:16px;animation-duration:10.5s;animation-delay:-10s;left:90%}.petal:nth-child(10){--sway:-26px;background:linear-gradient(135deg,#f3d2cb,#e0917f);width:10px;height:14px;animation-duration:12.5s;animation-delay:-6s;left:96%}@media (prefers-reduced-motion:reduce){.petal{display:none}.flora-draw{stroke-dashoffset:0;animation:none}.flower{opacity:1;animation:none;transform:translate(-50%)}.flower-svg{animation:none}}@keyframes bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.snap-step{align-items:center}.step-block{max-width:440px}.snap-step.left .step-block{text-align:left;margin-right:auto}.snap-step.right .step-block{text-align:right;margin-left:auto}.step-big{color:var(--coral);opacity:.9;font-family:Fraunces,serif;font-size:clamp(56px,12vw,130px);font-weight:400;line-height:1;display:block}.step-block h2{letter-spacing:-.03em;margin:18px 0 14px;font-family:Fraunces,serif;font-size:clamp(28px,4.5vw,46px);font-weight:500;line-height:1.2}.step-block p{color:var(--ink-soft);font-size:clamp(16px,2vw,19px);line-height:1.7}.snap-final{gap:8px}.final-title{letter-spacing:-.03em;margin-bottom:36px;font-family:Fraunces,serif;font-size:clamp(30px,5vw,52px);font-weight:500;line-height:1.2}.cta-big{padding:18px 56px;font-size:18px}.final-sub{color:var(--coral);margin-top:28px;font-family:Fraunces,serif;font-size:22px}.reveal{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(44px)}.reveal.in{opacity:1;transform:translateY(0)}.seq{height:300vh;position:relative}.seq-sticky{flex-direction:column;justify-content:flex-end;align-items:center;height:100dvh;padding-bottom:5vh;display:flex;position:sticky;top:0;overflow:hidden}.seq-cap{text-align:center;width:90%;max-width:520px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.seq-cap .step-big{color:var(--coral);opacity:.9;font-family:Fraunces,serif;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1;display:block}.seq-cap h2{letter-spacing:-.03em;margin:8px 0 6px;font-family:Fraunces,serif;font-size:clamp(22px,3vw,32px);font-weight:500}.seq-cap p{color:var(--ink-faint);font-size:clamp(13px,1.6vw,16px);line-height:1.6}.seq-paper{border:1px solid var(--line);box-sizing:border-box;background:#fffdf8;border-radius:4px;width:clamp(280px,34vw,380px);min-height:clamp(320px,44vh,440px);margin-top:0;padding:32px 30px;box-shadow:0 24px 60px #3c2d192e}.paper-q{color:var(--coral);border-bottom:1px solid var(--line-soft);white-space:pre-line;margin-bottom:24px;padding-bottom:18px;font-family:Fraunces,serif;font-size:16px;line-height:1.45}.paper-body{color:var(--ink);white-space:pre-line;min-height:1em;font-family:Gowun Batang,serif;font-size:15.5px;line-height:2.1}.paper-body.dim{color:var(--ink-soft)}.paper-body.typing:after{content:"|";color:var(--coral);margin-left:1px;animation:1s step-end infinite caret}@keyframes caret{0%,50%{opacity:1}50.01%,to{opacity:0}}.paper-write{opacity:var(--fade,0);transform:translateY(calc((1 - var(--fade,0)) * 30px))}.seq-foldland{height:420vh}.fl-cap-1{opacity:var(--cap1,1)}.fl-cap-2{opacity:var(--cap2,0)}.fl-stage{justify-content:center;align-items:center;width:clamp(290px,86vw,660px);height:68dvh;margin-top:0;display:flex;position:relative}.fl-desk{aspect-ratio:1/.6;width:clamp(300px,90vw,690px);opacity:var(--land,0);transform:translate(-50%, -50%) translateY(calc((1 - var(--land,0)) * 60px));z-index:1;background:repeating-linear-gradient(90deg,#966e460d 0 2px,#0000 2px 32px),linear-gradient(160deg,#cda979,#b88f5f);border-radius:14px;position:absolute;top:57%;left:50%;box-shadow:inset 0 0 70px #50321438,0 30px 60px #3c28142e}.fl-paper{z-index:2;perspective:1500px;width:clamp(195px,23vw,270px);height:clamp(250px,38vh,350px);transform:translateY(calc(var(--fall,0) * 7vh)) scale(calc(1 - var(--fall,0) * .06)) rotate(calc(var(--fold,0) * 2deg));filter:drop-shadow(0 calc(18px + var(--fall,0)*16px) calc(28px + var(--fall,0)*22px) #3c2d1938);position:relative}.fold-half{box-sizing:border-box;height:50%;position:absolute;left:0;right:0}.fold-top{border:1px solid var(--line);z-index:1;background:#fffdf8;border-bottom:none;border-radius:4px 4px 0 0;top:0;overflow:hidden}.fold-bottom{transform-origin:top;transform:rotateX(calc(var(--fold,0) * -180deg));transform-style:preserve-3d;z-index:2;top:50%}.fold-face{box-sizing:border-box;backface-visibility:hidden;border:1px solid var(--line);border-top:none;border-radius:0 0 4px 4px;position:absolute;inset:0;overflow:hidden}.fold-front{background:#fffdf8}.fold-back{box-shadow:0 4px 14px rgba(60,45,25, calc(var(--fold,0) * .22));background:#f6f2e8;transform:rotateX(180deg)}.fold-inner{box-sizing:border-box;width:100%;padding:18px;font-size:11px;line-height:1.5;position:absolute;top:0;left:0}.fold-front .fold-inner{top:-100%}.fl-paper .paper-body{white-space:pre-line}@media (max-width:760px){.snap-step.left .step-block,.snap-step.right .step-block{text-align:center;margin:0 auto}}.how{background:var(--bg-2);border-top:1px solid var(--line)}.how-inner{max-width:1120px;margin:0 auto;padding:clamp(56px,8vw,100px) 28px}.how-title{letter-spacing:-.03em;max-width:600px;margin-bottom:8px;font-family:Fraunces,Pretendard Variable,serif;font-size:clamp(28px,3.6vw,44px);font-weight:500}.how-sub{color:var(--ink-soft);margin-bottom:56px;font-size:16px}.steps{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.step{background:var(--bg-2);padding:36px 30px}.step-num{color:var(--coral);letter-spacing:.05em;margin-bottom:22px;font-family:Fraunces,serif;font-size:15px;font-weight:600}.step h3{letter-spacing:-.02em;margin-bottom:10px;font-size:21px;font-weight:600}.step p{color:var(--ink-soft);font-size:15px;line-height:1.65}.foot{max-width:1120px;color:var(--ink-faint);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:40px 28px 60px;font-size:13.5px;display:flex}@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:48px}.hero-visual{aspect-ratio:4/3;order:-1}.steps{grid-template-columns:1fr}.nav-links{gap:16px}}.page{max-width:600px;min-height:100dvh;margin:0 auto;padding:24px 20px 60px}.page-inner{text-align:center;max-width:460px;margin:48px auto}.page-inner-wide{max-width:600px;margin:12px auto}.page-title{letter-spacing:-.03em;margin-top:12px;font-family:Fraunces,serif;font-size:clamp(26px,5vw,38px);font-weight:500}.page-sub{color:var(--ink-faint);margin-top:8px;font-size:13px}.section-title{color:var(--ink);letter-spacing:-.01em;margin:30px 0 14px;font-size:16px;font-weight:600}.empty{color:var(--ink-soft);text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;font-size:14px}.topnav{justify-content:space-between;align-items:center;padding:6px 2px 22px;font-size:14px;display:flex}.topnav a{color:var(--coral);font-weight:500;text-decoration:none}.topnav a:hover{color:var(--coral-deep)}.topnav .me{color:var(--ink-soft)}.auth-form{text-align:left;flex-direction:column;gap:10px;margin-top:28px;display:flex}.auth-label{letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase;margin-top:10px;font-size:12px}.auth-input{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);box-sizing:border-box;border-radius:10px;outline:none;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.auth-input:focus{border-color:var(--coral)}.auth-row{gap:8px;display:flex}.auth-row .auth-input{flex:1;min-width:0}.auth-error{color:var(--coral-deep);background:#fbeae6;border-radius:8px;padding:10px 12px;font-size:13.5px}.auth-file{color:var(--ink-soft);padding:4px 0;font-family:inherit;font-size:14px}.auth-file::file-selector-button{color:var(--ink);background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;margin-right:12px;padding:8px 14px;font-family:inherit;font-size:13px}.auth-code{text-align:center;letter-spacing:12px;padding:14px;font-family:Fraunces,serif;font-size:26px}.auth-ok{color:#2e7d57;background:#e7f3ec;border-radius:8px;padding:10px 12px;font-size:13.5px}.auth-link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:inherit;font-size:14px;text-decoration:underline}.auth-link-btn:hover{color:var(--coral)}.auth-switch{color:var(--ink-soft);margin-top:22px;font-size:14px}.auth-switch a{color:var(--coral);font-weight:600;text-decoration:none}.auth-switch a:hover{color:var(--coral-deep)}.auth-form .send{margin-top:8px}.user-list{flex-direction:column;gap:8px;margin-top:28px;display:flex}.user-pick{background:var(--paper);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 20px;font-family:inherit;transition:border-color .14s;display:flex}.user-pick:hover{border-color:var(--coral)}.user-pick .nick{color:var(--ink);font-size:16px;font-weight:600}.user-pick .meta{color:var(--ink-faint);font-size:12.5px}.letter-card,.reply-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-bottom:18px;padding:clamp(28px,5vw,48px) clamp(24px,4vw,44px);box-shadow:0 1px 2px #3c2d190a}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-bottom:30px;font-size:11px}.qbox{border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin-bottom:28px;padding:0 0 26px}.qbox.read{background:0 0}.qlabel{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:14px;font-size:11px}.question{letter-spacing:-.025em;color:var(--ink);font-family:Fraunces,serif;font-size:clamp(22px,3vw,29px);font-weight:500;line-height:1.4}.answer{resize:none;box-sizing:border-box;width:100%;color:var(--ink);border:none;border-bottom:1px solid var(--line);word-break:keep-all;background:0 0;outline:none;height:4em;margin-top:18px;padding:8px 2px;font-family:Gowun Batang,serif;font-size:16.5px;line-height:1.7;transition:border-color .15s;overflow-y:auto}.answer::placeholder{color:var(--ink-faint);font-family:Pretendard Variable,sans-serif}.answer:focus{border-color:var(--coral)}.answer-read{color:var(--ink-soft);word-break:keep-all;margin-top:16px;font-family:Gowun Batang,serif;font-size:16.5px}.body{resize:none;box-sizing:border-box;width:100%;color:var(--ink);word-break:keep-all;background-color:#0000;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 39px, var(--line) 39px, var(--line) 40px);background-attachment:local;border:none;outline:none;height:360px;padding:0 2px;font-family:Gowun Batang,serif;font-size:17px;line-height:40px;overflow-y:auto}.body::placeholder{color:var(--ink-faint);font-family:Pretendard Variable,sans-serif}.body-read{color:var(--ink);white-space:pre-wrap;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 39px, var(--line) 39px, var(--line) 40px);margin-top:12px;font-family:Gowun Batang,serif;font-size:17px;line-height:40px}.cond-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:28px 0 12px;font-size:11px}.cond{flex-direction:column;gap:8px;display:flex}.cond select{width:100%;color:var(--ink);cursor:pointer;background-color:var(--bg);appearance:none;border:1px solid var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239b9388' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:12px 30px 12px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.cond select:hover{border-color:var(--ink-faint)}.cond select:focus{border-color:var(--coral)}.send{color:#fff;background:var(--coral);cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:28px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:background .16s,transform .15s}.send:hover{background:var(--coral-deep);transform:translateY(-1px)}.cards{flex-direction:column;gap:10px;margin-top:8px;display:flex}.card{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:15px 16px;font-size:14px;text-decoration:none;transition:border-color .14s;display:flex}.card .pin{color:var(--coral)}.card .nick{font-weight:600}.card .meta{color:var(--ink-faint);margin-left:auto;font-size:13px}.letter-preview{flex-direction:column;align-items:stretch;gap:8px}.letter-preview:hover{border-color:var(--coral)}.card-head{align-items:center;gap:8px;display:flex}.preview-body{color:var(--ink-soft);font-size:14px;line-height:1.55}.map-title{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:18px;font-size:12px}.verdict-line1{color:var(--ink);text-align:center;font-size:16px;line-height:1.7}.verdict-line2{letter-spacing:-.02em;color:var(--coral);text-align:center;margin-top:20px;font-family:Fraunces,serif;font-size:26px;font-weight:500}.waiting-note{text-align:center;color:var(--ink-faint);margin-top:14px;font-size:13px}.actions{flex-direction:column;align-items:center;gap:14px;margin-top:32px;display:flex}.msg{background:var(--paper);border:1px solid var(--line);border-radius:14px;max-width:88%;margin-bottom:12px;padding:16px 18px}.msg.mine{background:var(--bg-2);margin-left:auto}.msg.theirs{margin-right:auto}.msg-q{color:var(--coral);margin-bottom:5px;font-size:12px}.msg-a{color:var(--ink-soft);margin-bottom:7px;font-size:14px}.msg-body{white-space:pre-wrap;font-size:15px;line-height:1.65}.msg-from{color:var(--ink-faint);text-align:right;margin-top:7px;font-size:11px}.reveal{text-align:center}.map-frame{background:radial-gradient(at 35% 25%,#2e2a44 0%,#191c2b 72%);border:1px solid #2b2e40;border-radius:16px;margin-bottom:20px;padding:20px}.geo{fill:#ffffff0d;stroke:#ffffff24;stroke-width:.4px}.star{fill:#fff;animation:3.5s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.2}to{opacity:.9}}.origin-pulse{fill:none;stroke:var(--coral);stroke-width:1.5px;opacity:0;animation:3s ease-out infinite originPulse}.origin-pulse.d2{animation-delay:1.5s}@keyframes originPulse{0%{r:6;opacity:.5}to{r:48;opacity:0}}.thread{fill:none;stroke:var(--coral);stroke-width:2px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:1.4s forwards draw,4s ease-in-out 1.6s infinite threadSway}@keyframes draw{to{stroke-dashoffset:0}}@keyframes threadSway{0%,to{transform:translate(0)}50%{transform:translate(2.5px)}}@media (prefers-reduced-motion:reduce){.thread{animation:.5s forwards draw}}.dot{fill:var(--coral);opacity:0;filter:drop-shadow(0 0 3px #c75d4ae6);animation:.5s forwards pop,2.4s ease-in-out infinite dotTwinkle}@keyframes pop{0%{opacity:0;r:0}60%{opacity:1;r:6}to{opacity:1;r:4}}@keyframes dotTwinkle{0%,to{filter:drop-shadow(0 0 2px #c75d4ab3)}50%{filter:drop-shadow(0 0 6px #c75d4a)}}.city-label{fill:#e6e1d5;opacity:0;font-family:inherit;font-size:12px;animation:.6s forwards fadeIn}@keyframes fadeIn{to{opacity:.9}}.reveal-text{opacity:0;animation:1s 2.6s forwards fadeUp}.reveal-cards{opacity:0;animation:1s 2.9s forwards fadeUp}.reveal-verdict{opacity:0;animation:1s 3.2s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ob{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.ob-skip{z-index:2;cursor:pointer;color:var(--ink-faint);background:0 0;border:none;font-size:14px;position:absolute;top:18px;right:18px}.ob-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.ob-track::-webkit-scrollbar{display:none}.ob-card{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:16px;padding:56px 34px 24px;display:flex}.ob-art{width:clamp(96px,26vw,128px);height:clamp(96px,26vw,128px)}.ob-art svg{filter:drop-shadow(0 8px 18px #78281c1f);width:100%;height:100%;display:block}.ob-n{letter-spacing:.14em;color:var(--coral);font-size:13px;font-weight:600}.ob-title{letter-spacing:-.02em;color:var(--ink);font-family:Fraunces,Pretendard Variable,serif;font-size:clamp(28px,7.5vw,40px);font-weight:500}.ob-body{color:var(--ink-soft);word-break:keep-all;max-width:360px;font-size:clamp(15px,4vw,17px);line-height:1.75}.ob-bar{padding:16px 26px calc(28px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;display:flex}.ob-dots{gap:8px;display:flex}.ob-dot{cursor:pointer;background:var(--line);border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.ob-dot.on{background:var(--coral);width:22px}.ob-next{background:var(--coral);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px 26px;font-size:16px;font-weight:600;transition:background .18s}.ob-next:hover{background:var(--coral-deep)}.agree{flex-direction:column;gap:11px;margin:6px 0 2px;display:flex}.agree-item{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;display:flex}.agree-item input{width:17px;height:17px;accent-color:var(--coral);cursor:pointer;flex-shrink:0;margin-top:1px}.agree-links{margin-top:2px;padding-left:26px;font-size:13px}.agree-links a{color:var(--coral-deep);text-decoration:underline}.legal{max-width:680px}.legal-title{letter-spacing:-.02em;margin:6px 0 8px;font-family:Fraunces,Pretendard Variable,serif;font-size:27px;font-weight:500}.legal-note{color:var(--coral-deep);background:#fbeae6;border-radius:8px;margin-bottom:24px;padding:10px 13px;font-size:13px;line-height:1.5}.legal h2{color:var(--ink);margin:24px 0 9px;font-size:15.5px;font-weight:600}.legal p{color:var(--ink-soft);margin-bottom:8px;font-size:14px;line-height:1.75}.legal ul{color:var(--ink-soft);margin:0;padding-left:19px;font-size:14px;line-height:1.75}.legal li{margin-bottom:5px}.legal-foot{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.legal-foot a{color:var(--coral-deep);font-weight:500;text-decoration:none}.mod-actions{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding-top:16px;display:flex}.mod-done{width:100%;color:var(--coral-deep);margin-bottom:4px;font-size:13px}.mod-report{gap:6px;display:flex}.mod-report select{border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);border-radius:7px;padding:7px 9px;font-size:13px}.mod-report button,.mod-block{border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:7px;padding:7px 13px;font-family:inherit;font-size:13px}.mod-report button:hover{border-color:var(--ink-faint);color:var(--ink)}.mod-block{color:var(--coral-deep);border-color:#e3b5ab}.mod-block:hover{background:#fbeae6}.admin-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.admin-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:16px 18px}.admin-card.s-pending{border-left:3px solid var(--coral)}.admin-card.s-actioned{opacity:.6}.admin-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.admin-reason{color:var(--ink);font-size:14px;font-weight:600}.admin-status{color:var(--ink-faint);font-size:12px}.admin-meta{color:var(--ink-soft);font-size:13px;line-height:1.65}.admin-susp{color:#fff;background:var(--coral-deep);border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px}.admin-letter{color:var(--ink-soft);background:var(--bg-2);border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.6}.admin-actions{gap:8px;margin-top:12px;display:flex}.admin-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;border-radius:7px;padding:7px 13px;font-family:inherit;font-size:13px}.admin-actions button:hover{border-color:var(--ink-faint);color:var(--ink)}.admin-actions .mod-block{color:var(--coral-deep);border-color:#e3b5ab}.mod-box{border-top:1px solid var(--line-soft);margin-top:22px;padding-top:12px}.mod-summary{color:var(--ink-faint);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;list-style:none}.mod-summary::-webkit-details-marker{display:none}.mod-summary:hover{color:var(--ink-soft)}.mod-box[open] .mod-summary{margin-bottom:12px}.mod-box .mod-actions{border-top:none;margin-top:0;padding-top:0}.mod-note{width:100%;color:var(--ink-faint);margin-top:2px;font-size:12px}.agree-item{min-height:36px}@media (max-width:760px){.mod-report select,.mod-report button,.mod-block,.admin-actions button,.cond select,.auth-input{font-size:16px}}html[lang=ja] body,html[lang=ja] body *,html[lang=en] body,html[lang=en] body *{word-break:normal}.cta,.ghost,.nav-cta,.send,.ob-next,.ob-skip,.login,.logout,.nav-link,.danger-btn,.danger-btn-outline{white-space:nowrap}.slogan,.subtitle,.seq-cap p,.seq-cap h2,.ob-title,.ob-body,.home-title,.final-title{text-wrap:pretty}html[lang=ja] body *{line-break:strict}html[lang=ja] .slogan,html[lang=ja] .subtitle,html[lang=ja] .verdict,html[lang=ja] .paper-q,html[lang=ja] .paper-body,html[lang=ja] .question,html[lang=ja] .answer-read,html[lang=ja] .body-read,html[lang=ja] .msg-body,html[lang=ja] .seq-cap p,html[lang=ja] .seq-cap h2,html[lang=ja] .ob-title,html[lang=ja] .ob-body,html[lang=ja] .home-title,html[lang=ja] .final-title,html[lang=ja] .home-primary-q,html[lang=ja] .verdict-line1,html[lang=ja] .verdict-line2{word-break:auto-phrase}.letter-card.fly-up{z-index:60;transform-origin:bottom;pointer-events:none;animation:2s cubic-bezier(.5,0,.7,.12) forwards flyUp;position:relative}@keyframes flyUp{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}10%{opacity:1;transform:translateY(14px)scale(.99)rotate(.6deg)}30%{opacity:1;transform:translateY(-4vh)scale(.97)rotate(-1deg)}to{opacity:0;transform:translateY(-125vh)scale(.58)rotate(-8deg)}}.fly-thread{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.fly-draw{fill:none;stroke:var(--coral);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s ease-in-out .1s forwards flyThread}@keyframes flyThread{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.letter-card.fly-up,.fly-draw{animation-duration:.5s}}.site-foot{text-align:center;padding:26px 20px calc(30px + env(safe-area-inset-bottom,0px));color:var(--ink-faint);border-top:1px solid var(--line-soft);font-size:12.5px}.site-foot a{color:var(--ink-faint);text-decoration:none}.site-foot a:hover{color:var(--ink-soft);text-decoration:underline}.thread-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.thread-head .thread-title{margin-bottom:0}.sent-status{color:var(--coral-deep);background:#faf0ec;border:1px solid #f0d8d0;border-radius:8px;margin:4px 0 16px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-block}.daily-done{text-align:center;max-width:420px;margin:0 auto;padding:56px 24px}.daily-done .daily-fl{width:38px;height:38px;color:var(--coral);opacity:.85}.daily-title{color:var(--ink);margin:18px 0 10px;font-family:Gowun Batang,serif;font-size:21px}.daily-desc{color:var(--ink-soft,#6b5e57);font-size:14.5px;line-height:1.7}.daily-next{color:var(--coral-deep);margin-top:16px;font-size:13.5px;font-weight:500}.daily-back{color:var(--ink-faint);border-bottom:1px solid #ddd;margin-top:28px;padding-bottom:2px;font-size:14px;text-decoration:none;display:inline-block}.pw-form{border-top:1px solid var(--line);margin-top:14px;padding-top:22px}.send-outline{color:var(--coral-deep);background:0 0;border:1px solid #e3b5ab}.send-outline:hover{background:#faf0ec}.admin-note{color:var(--ink-soft);background:var(--bg-2);border-radius:8px;margin-bottom:18px;padding:10px 13px;font-size:13px}.admin-count{color:var(--ink-soft);background:var(--bg-2);border-radius:20px;margin-left:8px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.admin-count.over{color:#fff;background:var(--coral-deep)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}