:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#3b3036;--muted:#7c6d74;--pink:#ed6f91;--pink-dark:#d65379;--cream:#fffaf1;color:var(--ink);background:#fff8f4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.72}:focus-visible{outline-offset:3px;outline:3px solid #7b6ee8}.app-shell{min-height:100dvh}.theme-pink{--surface:#fff1f4;--accent:#e8668a;--accent-dark:#cd4c72}.theme-cream{--surface:#fff9e9;--accent:#e87888;--accent-dark:#c85268}.theme-peach{--surface:#fff1e7;--accent:#ea795f;--accent-dark:#cf5c44}.site-header{align-items:center;width:min(1120px,100%);height:68px;margin:0 auto;padding:0 22px;display:flex}.brand{letter-spacing:-.04em;color:#d9577b;font-size:1.35rem;font-weight:900}.home-shell{background:radial-gradient(circle at 8% 4%,#ffced859,#0000 24rem),#fffaf5}.home-shell main{width:min(1120px,100%);margin:0 auto;padding:0 22px 72px}.hero{text-align:center;padding:72px 0 82px}.eyebrow{color:#d65c7e;letter-spacing:.04em;margin:0 0 12px;font-size:.82rem;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,8vw,4.1rem);line-height:1.15}.hero-copy{color:var(--muted);word-break:keep-all;margin:20px auto 0;font-size:1.02rem;line-height:1.65}.hero-button{margin-top:30px}.primary-button,.secondary-button{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-weight:800;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:var(--accent,var(--pink));box-shadow:0 8px 20px #d5537833}.primary-button:hover{background:var(--accent-dark,var(--pink-dark));transform:translateY(-1px)}.secondary-button{color:#bd4f6f;background:#fff;border:1px solid #efced7}.secondary-button:hover{background:#fff7f9;transform:translateY(-1px)}.full-button{width:100%;margin-top:6px}.templates-section{scroll-margin-top:20px}.section-heading{margin-bottom:22px}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,5vw,2.1rem)}.template-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.template-card{background:#ffffffd1;border:1px solid #e8bec9b8;border-radius:26px;min-width:0;padding:28px;box-shadow:0 16px 38px #69454f14}.card-icon{background:#fff0f3;border-radius:20px;place-items:center;width:58px;height:58px;font-size:1.9rem;display:grid}.card-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.badge{color:#b14e6b;background:#fff0f3;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.template-card h3{margin:22px 0 8px;font-size:1.24rem}.template-card p{min-height:52px;color:var(--muted);word-break:keep-all;margin:0;line-height:1.6}.card-button{width:100%;margin-top:22px}.about-section{text-align:center;background:#ffffffb3;border:1px solid #f0dfe3;border-radius:24px;max-width:720px;margin:78px auto 0;padding:36px}.about-section h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,4vw,1.8rem)}.about-section>p:last-child{color:var(--muted);word-break:keep-all;margin:14px 0 0;line-height:1.7}.site-footer{color:#a58e96;text-align:center;gap:4px;padding:24px;font-size:.82rem;display:grid}.site-footer strong{color:#d26080}.site-footer a{color:#8d7780;text-underline-offset:3px;width:fit-content;margin:7px auto 0;font-size:.76rem;text-decoration:underline}body>main{min-height:100dvh}.creator-shell{background:linear-gradient(180deg, var(--surface) 0, #fffaf7 40%)}.creator-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:28px;width:min(960px,100%);margin:0 auto;padding:28px 20px 72px;display:grid}.panel{background:#fffffff0;border:1px solid #f0dfe3;border-radius:28px;box-shadow:0 18px 45px #5e3f491a}.creator-panel{padding:30px}.creator-panel h1,.play-content h1,.result-view h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;line-height:1.25}.muted{color:var(--muted);line-height:1.6}.creator-panel>.muted{margin:9px 0 26px}.field{margin:0 0 20px;position:relative}.field label,.field legend,.share-box label{margin:0 0 8px;font-size:.9rem;font-weight:800;display:block}.field input,.field textarea,.field select,.share-box input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #dfced3;border-radius:13px;padding:12px 14px}.field textarea{resize:vertical}.helper-text{color:#9c8990;margin:-3px 0 8px;font-size:.76rem;line-height:1.45}.counter{color:#b8a8ad;padding-top:3px;font-size:.65rem;position:absolute;top:100%;right:8px}.options-field{border:0;padding:0}.option-row{grid-template-columns:1fr 42px;gap:8px;margin-bottom:8px;display:grid}.icon-button{cursor:pointer;color:#a05269;background:#fff0f3;border-radius:12px;font-size:1.3rem}.text-button{cursor:pointer;color:#c05070;background:0 0;padding:8px 0;font-weight:800}.share-create-button{min-height:54px;margin-top:12px;font-size:1rem}.share-box{background:#fff7f9;border-radius:18px;margin-top:20px;padding:18px}.share-box input{font-size:.78rem}.share-success{text-align:center;padding:18px 0 8px}.success-icon{margin-bottom:12px;font-size:3rem;display:block}.share-success>.muted{margin:10px 0 22px}.share-tip{color:#8a737b;margin:18px 0 8px;font-size:.83rem;line-height:1.5}.button-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.button-row>*{flex:1}.centered{justify-content:center}.centered>*{flex:0 150px}.preview-wrap{text-align:center;padding:20px;position:sticky;top:24px}.phone-preview{background:var(--surface);border:8px solid #3d3438;border-radius:38px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:42px 24px;display:flex;box-shadow:0 20px 38px #422d3424}.preview-icon{font-size:3rem}.phone-preview strong{overflow-wrap:anywhere;margin-top:24px;line-height:1.5}.phone-preview small{color:var(--muted);overflow-wrap:anywhere;margin-top:26px;line-height:1.5}.preview-actions{gap:8px;width:100%;margin-top:24px;display:flex}.preview-actions span{color:#d35478;background:#fff;border-radius:12px;flex:1;padding:11px 6px;font-size:.82rem;font-weight:800}.preview-options{gap:7px;width:100%;margin-top:22px;display:grid}.preview-options span{background:#fff;border-radius:10px;padding:8px;font-size:.78rem}.player-shell{background:var(--surface);place-items:center;min-height:100dvh;padding:20px;display:grid}.play-panel{width:min(520px,100%);min-height:min(680px,100dvh - 40px);overflow:hidden}.play-content,.result-view{min-height:inherit;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:38px 26px;display:flex}.play-brand{color:#ca7088;letter-spacing:.02em;font-size:.72rem;font-weight:900;position:absolute;top:22px;left:0;right:0}.play-content,.result-view{position:relative}.play-content h1,.result-view h1{word-break:keep-all;max-width:430px;font-size:clamp(1.55rem,7vw,2.2rem)}.cat-image{width:148px;height:148px;margin-bottom:24px}.big-icon{margin-bottom:20px;font-size:4.5rem}.runaway-stage{justify-content:flex-start;padding-top:54px;position:relative}.yes-button{position:absolute;top:62%;left:18%}.runaway-button{touch-action:manipulation;transition:left .18s,top .18s;position:absolute}.try-count{color:#a98e97;font-size:.78rem;position:absolute;bottom:24px}.heart-burst{align-items:flex-end;gap:8px;height:34px;display:flex}.heart-burst span{animation:1.8s ease-in-out infinite alternate float-heart;display:inline-block}.heart-burst span:nth-child(2){animation-delay:.2s}.heart-burst span:nth-child(3){animation-delay:.4s}.heart-burst span:nth-child(4){animation-delay:.6s}.result-view p{color:var(--muted)}.result-cta{border-top:1px solid #f0dfe3;width:100%;margin-top:26px;padding-top:20px}.result-cta p{color:#8e7b82;margin:0 0 10px;font-size:.82rem}.remake-link{color:#fff;background:var(--accent);border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-size:.88rem;font-weight:800;display:inline-flex}.meter-value{color:#dc577b;letter-spacing:-.06em;margin:26px 0 14px;font-size:3.8rem;font-weight:900}.meter-track{background:#f2dfe4;border-radius:999px;width:100%;max-width:360px;height:18px;overflow:hidden}.meter-track span{border-radius:inherit;background:#eb6c8f;height:100%;transition:width .45s;display:block}.love-range{accent-color:#e95f86;width:100%;max-width:360px;margin:26px 0 4px}.reaction{min-height:28px;color:var(--muted);font-weight:700}.love-result{width:100%;margin-top:10px}.love-result>strong{color:#c84f70;overflow-wrap:anywhere;font-size:1.1rem;display:block}.roulette-list{gap:8px;width:100%;max-width:380px;margin:20px 0 26px;display:grid}.roulette-option{color:#806f68;background:#fff;border:1px solid #f0d9d0;border-radius:13px;padding:11px 14px;transition:transform .1s,color .1s,background .1s}.roulette-option.active{color:#fff;background:var(--accent);font-weight:900;transform:scale(1.035)}.roulette-result{background:#fff7f3;border-radius:20px;width:100%;margin-top:22px;padding:22px}.roulette-result strong{color:#cf5c44;overflow-wrap:anywhere;font-size:1.65rem;display:block}.roulette-result p:not(.eyebrow){color:var(--muted)}.roulette-result .remake-link{display:block}.wiggle{animation:.35s ease-in-out infinite alternate wiggle}.not-found-shell{background:#fff8f4}.not-found-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 68px);padding:24px;display:flex}.not-found-content>span{font-size:4rem}.not-found-content h1{word-break:keep-all;max-width:520px;margin:22px 0 28px;font-size:clamp(1.6rem,7vw,2.4rem);line-height:1.35}.privacy-shell{background:#fffaf5}.privacy-content{width:min(720px,100% - 36px);min-height:calc(100dvh - 180px);margin:0 auto;padding:54px 0 70px}.privacy-content h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,7vw,3rem)}.privacy-lead{color:var(--muted);margin:14px 0 34px;line-height:1.7}.privacy-content section{background:#fff;border:1px solid #f0dfe3;border-radius:18px;margin-top:14px;padding:22px}.privacy-content section h2{margin:0;font-size:1.02rem}.privacy-content section p{color:var(--muted);word-break:keep-all;margin:9px 0 0;line-height:1.75}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes float-heart{0%{transform:translateY(3px)}to{transform:translateY(-7px)}}@keyframes wiggle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@media (max-width:760px){.site-header{height:60px;padding-inline:18px}.home-shell main{padding-inline:18px}.hero{padding:52px 0 64px}.hero h1{font-size:clamp(2rem,10.5vw,2.8rem)}.template-grid{grid-template-columns:1fr}.template-card{padding:22px}.template-card p{min-height:auto}.about-section{margin-top:54px;padding:26px 20px}.creator-grid{grid-template-columns:1fr;padding:12px 14px 52px}.creator-panel{border-radius:22px;padding:22px 18px}.share-success{padding-top:8px}.share-box{padding:14px}.share-box .button-row{grid-template-columns:1fr;display:grid}.preview-wrap{padding:4px 0 0;position:static}.phone-preview{border-width:6px;min-height:360px}.player-shell{padding:0}.play-panel{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.play-content,.result-view{padding:28px 20px}.cat-image{width:132px;height:132px}.runaway-stage{padding-top:48px}.yes-button{left:12%}}@media (max-width:380px){.hero h1{font-size:2rem}.creator-grid{padding-inline:10px}.creator-panel{padding-inline:15px}.play-content,.result-view{padding-inline:16px}.cat-image{width:116px;height:116px;margin-bottom:16px}.roulette-list{gap:6px;margin-block:14px 18px}.roulette-option{padding-block:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}