@font-face{font-family:Gowun;src:url('./assets/fonts/GowunDodum-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Zen;src:url('./assets/fonts/ZenMaruGothic-Medium.woff2') format('woff2');font-display:swap}@font-face{font-family:Nunito;src:url('../assets/fonts/Nunito_600SemiBold.subset.woff2') format('woff2');font-display:swap}
:root{--cream:#fff9f2;--ink:#543d35;--muted:#8b7367;--rose:#b94f69;--pink:#ffe2e7;--mint:#deeee5;--line:#efdfd4;--shadow:0 12px 40px #9d6f4c12;--font:Gowun,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html[lang=ja]{--font:Zen,system-ui,sans-serif}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;padding-bottom:96px;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(30px,3.4vw,48px)}h2{font-size:27px}h3{font-size:26px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #609f85;outline-offset:4px}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:4px}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:760px;background:radial-gradient(ellipse at 6% 20%,#ffdeca66,transparent 52%),radial-gradient(ellipse at 95% 80%,#deeee566,transparent 40%);pointer-events:none}.topbar{max-width:1140px;margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:50%;border:3px solid #fff;box-shadow:0 3px 12px #795e3c18}.brand>span{font-family:Nunito,var(--font);font-size:25px;line-height:1.1}.brand small{font:12px var(--font);display:block;margin-top:5px;color:var(--muted)}.languages{display:flex;border:1px solid var(--line);border-radius:30px;padding:4px;background:#ffffffb3}.languages button{padding:7px 13px;min-height:38px;border-radius:25px;font-size:12px;background:none}.languages [aria-pressed=true]{background:var(--ink);color:white}main{max-width:1140px;padding:8px 24px 35px;margin:auto;outline:0}.welcome{display:grid;grid-template-columns:1fr 1.16fr;border-radius:32px;background:#fff5e9;box-shadow:var(--shadow);overflow:hidden;min-height:425px;border:1px solid #fff}.welcome-copy{padding:42px 36px;align-self:center;position:relative;z-index:1}.tag{display:inline-flex;gap:7px;align-items:center;background:#fffdfaeb;border:1px solid #fff;border-radius:30px;padding:6px 13px;font-size:12px;font-weight:600;box-shadow:0 3px 12px #936e3c08}.tag .icon{width:15px;height:15px;color:var(--rose)}.welcome h1{font-size:clamp(30px,3.2vw,43px);margin:21px 0 14px}.welcome p{color:var(--muted);font-size:16px;line-height:1.85}.button{min-height:52px;border-radius:18px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:700;transition:transform .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--rose);color:#fff;box-shadow:0 6px 0 #9d425a12,0 10px 24px #b94f6920}.secondary{background:#fff;border:1px solid var(--line)}.welcome .button{margin-top:25px}.hero-foot{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:14px}.hero-foot .icon{width:17px}.welcome-art{position:relative;min-width:0}.welcome-art>img{width:100%;height:100%;object-fit:cover;object-position:64% center}.welcome-art:before{content:"";position:absolute;inset:0 auto 0 0;width:16%;background:linear-gradient(90deg,#fff5e9,transparent)}.floating-note{position:absolute;right:22px;bottom:23px;background:#ffffffdc;backdrop-filter:blur(8px);padding:11px 19px;border-radius:15px;box-shadow:0 5px 25px #754b2916;font-size:13px;transform:rotate(-3deg)}.library{margin-top:49px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.eyebrow{font:10px Nunito,var(--font);letter-spacing:.14em;color:#967a68;margin-bottom:9px}.section-heading .subtle{font-size:12px}.subtle{color:var(--muted)}.chips{display:flex;gap:8px;margin:23px 0;overflow-x:auto;padding:3px}.chip{background:#fff;border:1px solid var(--line);padding:9px 20px;border-radius:30px;min-height:44px;white-space:nowrap;font-size:14px}.chip.active{background:var(--mint);border-color:#accfba;color:#416d57}.card-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.quiz-card{background:#fff;border-radius:26px;overflow:hidden;border:1px solid #f0e1d6;box-shadow:var(--shadow)}.card-art{position:relative;overflow:hidden}.image-link{display:block;width:100%;padding:0;background:#f9e1d0}.image-link img{width:100%;height:250px;object-fit:cover;object-position:center 43%;transition:transform .5s}.image-link:hover img{transform:scale(1.025)}.new-tag{position:absolute;left:18px;top:18px;background:#fff8ef;pointer-events:none}.heart-button{position:absolute;right:16px;top:15px;width:44px;height:44px;border-radius:50%;background:#ffffffed;color:var(--rose);display:grid;place-items:center;box-shadow:0 3px 15px #63452918}.heart-button.selected svg{fill:currentColor}.card-copy{padding:26px 29px 23px}.card-copy .eyebrow{font:12px var(--font);letter-spacing:.03em;color:var(--rose)}.card-copy h3{margin-bottom:11px}.card-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.card-tail{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.metadata{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.metadata svg{width:16px;height:16px}.round-arrow{display:grid;place-items:center;border-radius:50%;width:45px;height:45px;background:var(--pink);color:var(--rose)}.letter-card{background:linear-gradient(155deg,#f2f7ef,#fdfaf0);border:1px solid #e0e8d8;border-radius:26px;padding:36px 32px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.letter-stamp{width:52px;height:57px;align-self:flex-end;display:grid;place-items:center;background:#fffdf6;border:1px dashed #b4c8ad;transform:rotate(9deg);margin-bottom:12px;color:#91b39b}.letter-card h3{font-size:26px;max-width:260px;margin:8px 0 16px}.letter-card>p:not(.eyebrow){color:var(--muted);max-width:260px}.stitched-heart{font-size:70px;color:#c8d9c6;line-height:1;margin:23px 0}.signature{font:italic 15px Georgia,serif;color:#7f947d;align-self:flex-end}.wide{width:100%}.center{text-align:center}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.lead{font-size:19px;line-height:1.8}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;background:transparent;font-size:14px}.text-button .icon{width:18px;height:18px}.back-button{margin:4px 0 17px}.intro-panel{padding-top:10px}.intro-layout{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.intro-art{position:relative}.intro-art img{height:100%;width:100%;object-fit:cover}.intro-art .tag{position:absolute;top:25px;left:25px}.intro-copy{padding:45px 35px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#59836d;background:#edf5ee;padding:6px 12px;border-radius:30px}.pill svg{width:18px}.intro-copy h1{font-size:38px;margin:23px 0}.intro-copy .lead{margin-bottom:12px}.intro-copy>p{color:var(--muted);font-size:15px}.intro-copy .button{margin:28px 0 15px}.intro-copy .fine{font-size:12px}.question-panel{max-width:620px;margin:13px auto;background:#fff;border:1px solid var(--line);border-radius:30px;padding:26px 35px 25px;box-shadow:var(--shadow)}.question-top{display:flex;justify-content:space-between;align-items:center}.question-top img{border-radius:50%}.count{font-family:Nunito,var(--font);font-size:15px;color:#b5a291}.count strong{color:var(--rose);font-size:23px}.progress{display:flex;gap:5px;margin:17px 0 29px}.progress span{height:6px;border-radius:10px;background:#f4ece4;flex:1}.progress .filled{background:#d58a9b}.question-eyebrow{letter-spacing:.04em;font:12px var(--font);text-align:center}.question-panel h1{font-size:27px;text-align:center;line-height:1.6;margin:15px 0 30px;outline:0}.answers{display:grid;gap:12px}.answer{width:100%;display:flex;align-items:center;gap:13px;padding:16px 15px;background:#fffaf5;border:1px solid #eeddce;border-radius:17px;text-align:left;min-height:72px;font-size:15px;line-height:1.65;transition:background .15s,border .15s,transform .15s}.answer:hover{border-color:#d6a3af;background:#fff6f6}.answer.chosen{background:#fff0f2;border:2px solid #c8768b;padding:15px 14px;box-shadow:0 3px 10px #ce8fa312}.answer-letter{flex-shrink:0;width:29px;height:29px;display:grid;place-items:center;background:#fff;border-radius:50%;font:13px Nunito,sans-serif;color:#ac8d77}.chosen .answer-letter{background:var(--rose);color:white}.answer-check{margin-left:auto;width:20px;flex-shrink:0;color:var(--rose)}.answer-check svg{width:20px}.next{margin:25px 0 12px}.result-panel{max-width:730px;margin:auto;border:1px solid var(--line);background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.result-hero{position:relative}.result-hero>img{width:100%;height:320px;object-fit:cover}.result-hero .tag{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap}.result-heading{padding:29px 30px 12px;text-align:center}.result-heading h1{font-size:34px;margin:9px 0 12px}.result-heading .lead{font-size:17px;color:var(--muted);max-width:530px;margin:auto}.result-spark{display:grid;place-items:center;margin:auto;width:45px;height:45px;border-radius:50%;background:#f0f6eb;color:#739278}.profile-list{padding:14px 35px}.profile-detail{padding:16px 0 23px}.profile-detail+.profile-detail{border-top:1px dashed var(--line);padding-top:30px}.profile-description{font-size:16px;line-height:1.95;color:#755d51}.request-card{background:#fff2f3;border:1px solid #f7dce2;border-radius:20px;padding:24px;margin:25px 0}.request-card>span{font-size:12px;color:#a34e63;display:flex;align-items:center;gap:7px}.request-card .icon{width:17px}.request-card blockquote{margin:13px 0 0;font-size:20px;line-height:1.8;color:#844956}.profile-detail h3{font-size:18px;margin:7px 0 13px}.tip-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}.tip-list li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.9;color:#786253}.tip-list svg{color:#91ad9a;width:17px;height:17px;margin-top:5px}.mini-profile{display:flex;align-items:center;gap:17px;margin-bottom:20px}.mini-profile img{width:105px;height:85px;object-fit:cover;border-radius:18px}.mini-profile h2{font-size:22px}.result-actions{padding:10px 35px 20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.result-actions .text-button{font-size:12px}.result-disclaimer{padding:0 35px 32px}.copy-fallback{display:block;font-size:13px;padding:15px;background:#faf5ee;border-radius:14px;overflow-wrap:anywhere}.copy-fallback input{display:block;width:100%;margin-top:8px;padding:8px;font-size:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}#share-fallback:empty{display:none}#share-fallback{width:100%}.shared-notice{background:var(--mint);padding:20px 30px;text-align:center;font-size:13px}.shared-notice p{margin-top:5px}.empty-state{text-align:center;border-radius:26px;border:1px dashed #e2d8c9;background:#fffdf9;padding:35px 25px;margin:22px 0}.empty-art{margin:auto;width:170px;height:135px;object-fit:cover;border-radius:80px 80px 30px 30px;margin-bottom:24px}.empty-state h2{font-size:24px}.empty-state>p{max-width:420px;margin:13px auto 23px;color:var(--muted);font-size:14px}.saved-page{padding-top:30px;min-height:55vh}.saved-page>h1{font-size:35px;margin-bottom:13px}.favorite-grid{max-width:520px;margin-top:25px}.saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.saved-card{border-radius:23px;overflow:hidden;background:#fff;border:1px solid var(--line)}.saved-card>img{height:210px;width:100%;object-fit:cover}.saved-card>div{padding:22px}.saved-card time{font:12px Nunito,sans-serif;color:var(--muted)}.saved-card h2{font-size:23px;margin:10px 0 18px}.saved-card .button{font-size:13px;min-height:44px;padding:9px 14px}.delete{color:var(--muted);float:right}footer{max-width:650px;margin:20px auto 35px;padding:0 24px;text-align:center;color:#9b8271;font-size:11px;line-height:1.9}footer .footer-love{font-size:14px;color:#8c695b;margin-bottom:14px}footer>div{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:17px 0 8px}footer a{text-decoration:underline;text-underline-offset:4px}#bottom-nav{position:fixed;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;width:min(calc(100% - 32px),440px);border:1px solid #ffffff;border-radius:25px;background:#fffffff0;backdrop-filter:blur(18px);padding:7px;box-shadow:0 8px 40px #76574325,0 0 0 1px #ead7c766}#bottom-nav button{flex:1;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:19px;background:none;color:#9b8677;min-height:59px;font-size:11px}#bottom-nav button.active{background:#fff0f2;color:var(--rose)}#bottom-nav .icon{width:21px;height:21px}#toast{position:fixed;z-index:20;bottom:112px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);width:max-content;padding:13px 23px;background:#594338ed;color:#fff;border-radius:18px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:800px){.welcome-art>img{animation:arrival 1s ease-out}.quiz-card{transition:transform .2s}.quiz-card:hover{transform:translateY(-3px)}}@keyframes arrival{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.topbar{padding:20px 20px 17px}.brand>span{font-size:23px}.brand img{width:39px;height:39px}.brand small{font-size:10px}.languages button{padding:5px 10px;font-size:11px}main{padding:7px 18px 25px}.welcome{display:flex;flex-direction:column-reverse;border-radius:27px;min-height:0}.welcome-art{height:255px}.welcome-art>img{object-position:60% 56%}.welcome-art:before{inset:auto 0 0;width:100%;height:22%;background:linear-gradient(0deg,#fff5e9,transparent)}.floating-note{font-size:11px;bottom:20px;right:17px;padding:8px 13px}.welcome-copy{align-self:stretch;padding:18px 25px 29px}.welcome .tag{font-size:10px;padding:5px 10px}.welcome h1{font-size:31px;line-height:1.5;margin:13px 0 10px}.welcome p{font-size:14px;line-height:1.85}.welcome .button{width:100%;margin-top:21px;font-size:15px}.hero-foot{justify-content:center;margin-top:12px;font-size:11px}.library{margin-top:34px}.section-heading{display:block}.section-heading h2{font-size:24px}.section-heading .subtle{display:block;margin-top:9px;font-size:11px}.eyebrow{font-size:9px}.chips{gap:6px;margin:19px 0}.chip{font-size:13px;padding:7px 17px}.card-grid{grid-template-columns:1fr;gap:19px}.image-link img{height:230px}.card-copy{padding:23px 25px}.card-copy h3{font-size:27px}.card-copy>p:not(.eyebrow){font-size:14px}.letter-card{min-height:230px;padding:27px;display:block}.letter-stamp{float:right;width:45px;height:50px}.letter-card h3{font-size:21px;max-width:230px}.letter-card>p:not(.eyebrow){font-size:13px;max-width:250px}.stitched-heart{position:absolute;bottom:18px;right:23px;margin:0;font-size:49px}.signature{display:block;margin-top:23px;font-size:13px}.intro-layout{display:block}.intro-art img{height:250px;object-position:center 40%}.intro-art .tag{left:19px;top:19px}.intro-copy{padding:27px 25px}.intro-copy h1{font-size:31px;margin:19px 0}.intro-copy .lead{font-size:16px}.intro-copy>p{font-size:14px}.question-panel{padding:19px 20px;margin:9px auto;border-radius:25px}.question-top img{width:34px;height:34px}.question-top .text-button{padding-left:0}.progress{margin:15px 0 25px;gap:4px}.question-eyebrow{font-size:10px}.question-panel h1{font-size:23px;margin:14px 0 25px;line-height:1.6}.answers{gap:11px}.answer{min-height:78px;font-size:14px;padding:14px 12px;gap:10px}.answer.chosen{padding:13px 11px}.answer-letter{width:26px;height:26px;font-size:12px}.answer-check{width:15px}.answer-check svg{width:15px}.question-panel .fine{font-size:10px}.result-hero>img{height:240px}.result-hero .tag{font-size:10px;padding:6px 10px}.result-heading{padding:23px 23px 10px}.result-heading h1{font-size:28px}.result-heading .lead{font-size:14px}.profile-list{padding:10px 23px}.profile-description{font-size:14px;line-height:2}.request-card{padding:20px;margin:22px 0}.request-card blockquote{font-size:18px}.tip-list li{font-size:13px}.result-actions{padding:5px 23px 18px}.result-disclaimer{padding:0 23px 27px;font-size:11px}.mini-profile img{width:85px;height:75px}.mini-profile h2{font-size:20px}.saved-page{padding-top:23px}.saved-page>h1{font-size:30px}.saved-grid{grid-template-columns:1fr}.empty-state{padding:28px 20px}.empty-state h2{font-size:21px}.empty-state>p{font-size:13px}.empty-art{width:150px;height:125px}footer{margin-top:9px;font-size:10px}.footer-love{font-size:12px!important}.shared-notice{font-size:12px;padding:19px}.favorite-grid{margin-top:20px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.topbar{padding-left:14px;padding-right:14px}.welcome-art{height:218px}.welcome-copy{padding:16px 21px 23px}.welcome h1{font-size:28px}.languages button{padding:5px 8px}.brand{gap:7px}.brand small{font-size:9px}.question-panel{padding:16px}.question-panel h1{font-size:21px}.answer{font-size:13px;gap:9px}.card-copy{padding:22px}.result-heading h1{font-size:25px}.request-card blockquote{font-size:16px}.profile-list{padding:10px 19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.profile-about{font-size:18px;margin-bottom:12px}.profile-detail>.profile-about{color:var(--ink)}

html[lang=ko] .profile-detail{word-break:keep-all;overflow-wrap:break-word}.request-card blockquote{text-wrap:balance}.tip-list li span{text-wrap:pretty}