@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nanum+Gothic:wght@400;700;800&display=swap');
:root{font-family:'DM Sans','Nanum Gothic',system-ui,-apple-system,sans-serif;color:#36303b;background:#fff8ef;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ca7bbc;outline-offset:3px}.ambient{position:fixed;border-radius:50%;filter:blur(3px);pointer-events:none}.ambient-one{width:520px;height:520px;background:#ffe6cf;top:-260px;left:-220px}.ambient-two{width:460px;height:460px;background:#e7f6eb;right:-240px;bottom:-210px}.phone{position:relative;max-width:480px;min-height:100dvh;margin:auto;background:#fffdf8;box-shadow:0 12px 55px #6a405322;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:23px 24px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{font-weight:800;letter-spacing:-.05em;font-size:1.02rem}.logo span{color:#f19475}.topmark{font-size:.77rem;color:#896f80;background:#fff2e6;border-radius:99px;padding:8px 11px;font-weight:800}.welcome-art{height:min(45dvh,385px);min-height:260px;background:#fff7eb url('./assets/friends.png') center 66%/cover;position:relative;margin:0 16px;border-radius:28px;overflow:hidden}.welcome-art:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#fff7eb92)}.welcome-content{padding:23px 28px 32px;flex:1;display:flex;flex-direction:column}.eyebrow{font-size:.82rem;letter-spacing:.08em;font-weight:800;color:#cf7793;margin:0 0 13px}.welcome h1,.question h1,.result h1{font-size:clamp(1.85rem,7vw,2.35rem);line-height:1.37;letter-spacing:-.065em;margin:0 0 16px;color:#37313d;font-weight:800}.welcome h1 em{font-style:normal;color:#e2809a}.lead{font-size:.97rem;line-height:1.78;color:#766e78;margin:0 0 25px}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin:auto 0 22px}.pill{border-radius:50px;background:#f6f1f7;color:#886885;padding:9px 12px;font-size:.8rem;font-weight:800}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:18px;background:#e7839d;color:white;font-size:1rem;font-weight:800;padding:18px;box-shadow:0 8px 0 #d46e88,0 14px 25px #e7839d45;transition:transform .15s,box-shadow .15s}.cta:hover{background:#dc7590}.cta:active{transform:translateY(5px);box-shadow:0 3px 0 #d46e88}.note-center{text-align:center;color:#aaa0a6;font-size:.76rem;line-height:1.5;margin:20px 0 0}.quiz-top{padding:18px 23px 0}.back{border:0;background:transparent;color:#716d77;padding:8px 0;font-size:.9rem;font-weight:800}.progress-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;color:#ab7895;font-weight:800;font-size:.85rem}.progress{height:9px;border-radius:20px;background:#f4eaf0;overflow:hidden}.progress b{height:100%;display:block;background:linear-gradient(90deg,#e78da9,#f4bb87);border-radius:20px;transition:width .3s}.quiz-body{padding:26px 24px 38px;flex:1;display:flex;flex-direction:column}.question h1{margin-bottom:9px}.sub{color:#807783;font-size:.94rem;line-height:1.6;margin:0 0 26px}.options{display:grid;gap:11px}.option{border:2px solid #f3e9ed;border-radius:19px;background:#fff;padding:15px 16px;display:flex;text-align:left;align-items:center;gap:14px;min-height:78px;color:#3e3942;box-shadow:0 4px 15px #6541540a;transition:.16s}.option:hover{border-color:#e9a5b8;background:#fff8fb;transform:translateY(-2px)}.option:active{transform:scale(.985)}.emoji{font-size:1.66rem;width:43px;flex:none;text-align:center}.option strong{display:block;font-size:.96rem;line-height:1.38}.option small{display:block;color:#9b8995;font-size:.76rem;line-height:1.5;margin-top:4px}.quiz-bottom{margin:auto 0 0;padding-top:26px;color:#ad9da9;font-size:.8rem;line-height:1.6;text-align:center}.result{padding:12px 24px 36px}.result .confetti{font-size:2.8rem;line-height:1.1;margin:14px 0 14px}.result h1{margin-bottom:7px}.result-intro{line-height:1.7;color:#776c78;font-size:.94rem}.result-card{border-radius:23px;padding:19px 20px;margin:13px 0;background:#fdf0e8}.result-card.mint{background:#eaf5f0}.result-card.lilac{background:#f2ecf9}.result-card .kind{font-size:.78rem;color:#957784;font-weight:800;margin-bottom:6px}.result-card h2{font-size:1.25rem;letter-spacing:-.04em;margin:0 0 7px}.result-card p{font-size:.9rem;line-height:1.6;color:#716976;margin:0}.route{background:#fff;border:1px solid #f1e5ed;border-radius:20px;padding:19px;margin:20px 0}.route h2{font-size:1rem;margin:0 0 12px}.route-row{display:flex;gap:15px;line-height:1.5;margin:11px 0;font-size:.9rem}.route-row b{color:#d57d99;width:43px;flex:none}.tie{border-radius:14px;background:#fff3e1;color:#775c42;padding:12px 14px;font-size:.86rem;line-height:1.55;margin:15px 0}.actions{display:grid;gap:12px;margin-top:25px}.ghost{border:1px solid #ebd6e0;background:white;border-radius:17px;padding:15px;color:#9b6f86;font-weight:800}.fine{font-size:.76rem;color:#9d929e;line-height:1.6;margin:16px 0 0;text-align:center}@media(min-width:600px){body{padding:34px 0}.phone{min-height:820px;border-radius:38px}.welcome-art{height:360px}}@media(max-height:720px){.welcome-art{height:34dvh;min-height:205px}.welcome-content{padding-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.saved-link{margin-top:18px;width:100%}.option.selected{border-color:#d77d9a;background:#fff7fa}.storage-alert{background:#fff2e5;color:#795640;border-radius:14px;padding:12px 14px;font-size:.84rem;line-height:1.55;margin:12px 0}.history-list{display:grid;gap:11px;margin:22px 0}.history-item{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border:1px solid #f0e1e9;border-radius:17px;background:#fff;padding:15px;color:#4f4050}.history-item span:nth-child(2){flex:1}.history-item strong,.history-item small{display:block}.history-item strong{font-size:.91rem}.history-item small{color:#988b98;font-size:.76rem;margin-top:5px}.history-emoji{font-size:1.5rem}
.detail-tip{font-size:.82rem!important;color:#8c6879!important;margin-top:10px!important;padding-top:10px;border-top:1px solid #ffffffba}
.venue-wrap{margin-top:25px}.venue-wrap>h2{font-size:1.1rem;letter-spacing:-.04em;margin:0 0 7px}.venue-wrap>p{font-size:.85rem;color:#8c7d89;line-height:1.55}.venue-section{margin:20px 0}.venue-section h3{font-size:.92rem;color:#ad6583;margin:0 0 9px}.venue-item{border:1px solid #f0e0e8;border-radius:17px;background:white;padding:15px;margin-bottom:9px}.venue-item.picked{border-color:#df91ab;background:#fffafd}.venue-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.venue-head strong{font-size:.96rem}.venue-head span{color:#d17292;font-size:.75rem;font-weight:800;white-space:nowrap}.venue-note{font-size:.78rem;color:#8d7d89;margin:6px 0}.venue-address{display:inline-block;color:#65596a;font-size:.84rem;line-height:1.5;text-decoration:underline;text-decoration-color:#e7a2b6;text-underline-offset:3px}.venue-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.venue-links a{display:inline-flex;min-height:38px;align-items:center;padding:8px 13px;background:#edf6f2;border-radius:10px;color:#236a5a;text-decoration:none;font-size:.82rem;font-weight:800}.venue-links a:first-child{background:#e7839d;color:white}.choose-venue{border:0;background:transparent;color:#be6486;text-decoration:underline;padding:10px 0 0;font-size:.8rem;font-weight:800}
.meetup{padding:20px;border-radius:22px;background:linear-gradient(145deg,#fff0e8,#fff9f3 65%,#f7eef7);border:1px solid #f4dbe1;margin:20px 0}.meetup .eyebrow{margin-bottom:7px}.meetup h2{font-size:1.2rem;letter-spacing:-.04em;line-height:1.45;margin:0 0 8px}.meetup p{font-size:.84rem;line-height:1.6;color:#776777;margin:0 0 9px}.meetup-tip{color:#996f64!important}.meetup-link{display:block;text-align:center;text-decoration:none;color:#fff;background:#e7839d;padding:13px;border-radius:13px;font-size:.85rem;font-weight:800;margin-top:14px}.meetup-alternative{border-top:1px dashed #e9cbd9;margin-top:16px;padding-top:13px;font-size:.83rem;line-height:1.6;color:#756976}.meetup-alternative strong{color:#a35f82}.meetup-alternative a{display:block;color:#b25f82;font-weight:800;margin-top:5px;text-underline-offset:3px}.history-row{display:flex;align-items:center;gap:8px}.history-row .history-item{min-width:0;flex:1}.history-delete{border:1px solid #f0d8e3;background:#fff7f9;color:#b46783;border-radius:12px;padding:12px 10px;min-height:44px;font-size:.82rem;font-weight:800}.delete-link{border:0;background:transparent;color:#a95d77;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:.85rem;font-weight:800}.all-delete{display:block;margin:0 auto 20px}.empty-history{text-align:center;background:#fff5f8;color:#887580;border-radius:18px;padding:26px 15px;font-size:.9rem;line-height:1.6}.result>.ghost{width:100%}
.suggestion-wrap{margin:23px 0;padding:20px;border:1px solid #eadbf3;border-radius:22px;background:linear-gradient(135deg,#f6efff,#fff7f4 70%)}.suggestion-wrap .eyebrow{margin-bottom:6px}.suggestion-wrap h2{font-size:1.1rem;letter-spacing:-.045em;margin:0 0 8px}.suggestion-wrap>p:not(.eyebrow){font-size:.83rem;line-height:1.6;color:#847389;margin:0 0 18px}.suggestion-wrap h3{font-size:.86rem;margin:16px 0 9px;color:#815f88}.suggestion-list{display:flex;gap:8px;flex-wrap:wrap}.suggestion-button{border:1px solid #e8d6e8;border-radius:99px;background:white;color:#674f70;min-height:40px;padding:8px 12px;font-size:.79rem;font-weight:800}.suggestion-button span{color:#d778a0}.suggestion-button:hover{background:#fff0f7;border-color:#dd9abb}.route-notice{color:#8e7d8b;font-size:.77rem;line-height:1.55;margin:14px 0 0;border-top:1px dashed #eedee9;padding-top:12px}
.choice-wrap{border-radius:22px;background:#eaf5f1;padding:20px;margin:21px 0}.choice-wrap>h2{font-size:1.1rem;letter-spacing:-.045em;margin:0 0 7px}.choice-wrap>p{color:#667f77;font-size:.82rem;line-height:1.55;margin:0 0 14px}.choice-picker{background:white;border:1px solid #d8e9e1;border-radius:14px;margin:9px 0;overflow:hidden}.choice-picker summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;font-size:.87rem;font-weight:800;color:#456b5e;cursor:pointer;min-height:48px}.choice-picker summary::-webkit-details-marker{display:none}.choice-picker summary span{font-size:1.1rem;transition:transform .15s}.choice-picker[open] summary span{transform:rotate(180deg)}.choice-grid{padding:3px 12px 14px;display:flex;gap:8px;flex-wrap:wrap}.choice-chip{font-size:.79rem;color:#6c5a68;border:1px solid #eedfe8;background:#fff9fb;border-radius:99px;padding:10px 12px;min-height:40px;line-height:1.3;font-weight:700}.choice-chip.active{background:#e7839d;border-color:#e7839d;color:white}.choice-chip:hover:not(.active){border-color:#e7839d;background:#ffeff5}a:focus-visible,summary:focus-visible{outline:3px solid #ca7bbc;outline-offset:3px}