@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--bg:#faf8f2;--ink:#403f37;--muted:#7c7b70;--green:#56664d;--green-light:#e9edde;--cream:#f2e5c9;--line:#e8e5db;--white:#fffefb;--peach:#f5dfcd;--radius:24px;font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8e9c6a;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}p{line-height:1.85}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{max-width:1264px;margin:auto;height:110px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;text-align:left;gap:12px;font-size:26px;font-weight:700;letter-spacing:-1.5px}.brand small{font-size:10px;font-weight:400;letter-spacing:.5px;display:block;margin-top:2px;color:var(--muted)}.brand-cloud{font-size:46px;color:#b2936e;text-shadow:0 2px #fff}.desktop-nav{display:flex;gap:36px;align-items:center}.desktop-nav button{font-size:14px;padding:12px 0;color:var(--muted)}.desktop-nav button.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green)}.icon-button{min-width:40px;min-height:40px;display:inline-grid;place-items:center;border-radius:12px}.prototype-badge{font-size:11px;border:1px solid #d8ddce;border-radius:20px;padding:6px 11px;color:var(--green)}main{max-width:1184px;margin:12px auto 0;padding:0 0 24px;min-height:70vh}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:500;text-transform:uppercase}.section-top{display:flex;justify-content:space-between;align-items:center;margin:33px 0 18px}.section-top h2{margin:0;font-size:20px;letter-spacing:-.8px}.text-button{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);padding:10px}.text-button svg{width:16px;height:16px}.hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:408px;border:1px solid #ece5d6;border-radius:32px;overflow:hidden;background:#f3eedf;position:relative}.hero-copy{padding:46px 0 35px 48px;position:relative;z-index:1}.hero h1{font-family:'Noto Serif KR',serif;font-weight:500;font-size:43px;line-height:1.6;letter-spacing:-2px;margin:16px 0}.hero p{font-size:14px;color:#797361;margin:12px 0 25px}.hero-art{position:relative;display:grid;place-items:center;isolation:isolate;min-width:0}.hero-art:before{content:'';position:absolute;inset:10% 10% 0;background:#efe0bb;border-radius:50% 50% 0 0;z-index:-2}.hero-art:after{content:'';position:absolute;width:120%;height:60%;border-radius:50%;background:#dfe3cb;bottom:-43%;z-index:-1}.hero-art img{width:92%;height:360px;object-fit:contain;filter:drop-shadow(0 10px 12px #ae916b10);animation:float 6s ease-in-out infinite;margin-top:34px}.art-star{position:absolute;color:#b99a61;font-size:30px;top:65px;left:45px}.art-star.two{right:32px;left:auto;top:145px;font-size:19px}.art-bubble{position:absolute;top:28px;right:35px;background:#fffdf4dd;border:1px solid #e3dbc9;padding:9px 16px;border-radius:16px 16px 16px 3px;font-size:12px;color:#73664f;z-index:2}.hero-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#8b846b;letter-spacing:2px}.primary,.secondary,.kakao-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;min-height:48px;padding:12px 22px;font-weight:500;font-size:13px}.primary{background:var(--green);color:white}.primary svg{width:17px}.secondary{background:#f1f0e9;color:#575b4b}.kakao-button{background:#fee500;color:#302d23;width:100%;margin-top:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.today-row{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.fortune-teaser,.mood-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:26px 30px;min-height:205px}.fortune-teaser{position:relative;overflow:hidden;display:flex;align-items:center;gap:25px;text-align:left}.mini-card{width:100px;height:131px;background:#efe1c4;border-radius:50px 50px 12px 12px;display:grid;place-items:center;color:#a67b3c;transform:rotate(-7deg);flex-shrink:0;border:5px solid #f8eedc;outline:1px solid #e9ddc6}.mini-card svg{width:42px;height:42px;stroke-width:1}.small-label{font-size:11px;color:#8c8169;letter-spacing:.5px}.fortune-teaser h3{font-size:20px;line-height:1.6;letter-spacing:-.8px;margin:9px 0}.fortune-teaser .arrow{margin-left:auto;align-self:flex-end;color:#8e957f}.mood-card h3{font-size:17px;margin:0 0 6px}.mood-card p{font-size:12px;color:var(--muted);margin:0}.moods{display:flex;justify-content:space-between;gap:8px;margin-top:22px}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#827a6b;padding:3px}.mood-face{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f5e8d1;color:#9f8257;font-family:monospace;font-size:19px;letter-spacing:-2px}.mood-btn:nth-child(2) .mood-face{background:#edeedc;color:#8a9271}.mood-btn:nth-child(3) .mood-face{background:#ece9e0;color:#969286}.mood-btn:nth-child(4) .mood-face{background:#e7eaf0;color:#8792a4}.mood-btn:nth-child(5) .mood-face{background:#f3e2dc;color:#b99380}.mood-btn[aria-pressed=true] .mood-face{outline:2px solid var(--green);outline-offset:3px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-tile{padding:25px;min-height:165px;text-align:left;border-radius:var(--radius);position:relative;border:1px solid #e4e6da;background:#edf0e4}.content-tile.peach{background:#f5e9df;border-color:#ede1d6}.content-tile.lilac{background:#eeeaf2;border-color:#e5e0eb}.tile-icon{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#788565}.tile-icon svg{width:30px;height:30px}.tile-icon small{font-size:10px;opacity:.9}.peach .tile-icon{color:#b68d70}.lilac .tile-icon{color:#9c8aac}.content-tile h3{font-size:17px;margin:5px 0;letter-spacing:-.4px}.content-tile p{font-size:12px;margin:5px 0;color:#807b72}.gentle-note{display:flex;align-items:center;gap:15px;background:#f1eee5;border-radius:18px;padding:18px 24px;margin-top:27px}.gentle-note svg{color:#949a7c}.gentle-note p{margin:0;font-size:12px;color:#79786a}.gentle-note strong{color:#5e6551;font-weight:500}.footer{display:flex;align-items:center;justify-content:space-between;max-width:1184px;margin:15px auto 35px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#8d897f}.footer button{font-size:10px}.mobile-nav{display:none}.page-head{margin:32px 0}.page-head h1{font-size:30px;font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-1px;margin:8px 0}.page-head p{font-size:14px;color:var(--muted);margin:8px 0}.back{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:8px 0}.page-narrow{max-width:760px;margin:auto}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#eeede5;padding:5px;border-radius:15px;margin:23px 0}.period-tabs button{padding:12px 4px;font-size:13px;border-radius:11px}.period-tabs button[aria-selected=true]{background:var(--white);color:var(--green);font-weight:700;box-shadow:0 2px 8px #403f3708}.result{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--white)}.result-hero{text-align:center;background:#f4edde;padding:26px 25px 28px}.result-hero img{height:164px;width:180px;object-fit:contain;display:block;margin:0 auto}.result-hero h2{font-family:'Noto Serif KR',serif;letter-spacing:-1px;font-size:26px;font-weight:500;line-height:1.6;margin:14px 0}.date-label{font-size:11px;color:#8a816e;letter-spacing:1px}.tag{display:inline-block;border-radius:20px;background:#ffffffa8;padding:6px 12px;margin:5px;font-size:11px;color:#837355}.result-body{padding:28px 32px}.result-body p{font-size:14px;color:#747265}.result-section{border-top:1px solid var(--line);padding:18px 0 5px}.result-section h3{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:500}.result-section h3 svg{width:20px;color:#879276}.sample-note{font-size:11px!important;line-height:1.7!important;color:#918a7c!important;margin:18px 0 0}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.next-step{margin:26px 0;text-align:center;padding:25px;background:#eeefe4;border-radius:20px}.next-step h3{font-size:16px;margin:0 0 15px}.next-step .button-row{justify-content:center}.journal-panel{padding:28px 32px;background:var(--white);border:1px solid var(--line);border-radius:24px}.companion-row{display:flex;align-items:center;gap:18px;margin-bottom:22px}.companion-row img{width:92px;height:92px;object-fit:contain}.companion-row p{margin:0;font-size:15px}.helper{font-size:12px;color:var(--muted);line-height:1.8}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 25px}.chip{padding:9px 15px;border-radius:22px;background:#f1efe7;font-size:12px;border:1px solid transparent}.chip[aria-pressed=true]{border-color:#899778;background:#e8ecdf;color:var(--green)}label.field-label{display:block;font-size:14px;margin:22px 0 10px}textarea{resize:vertical;min-height:120px;width:100%;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fdfcf7;color:var(--ink);line-height:1.8;font-size:14px}.char-count{text-align:right;font-size:10px;color:var(--muted);margin:5px 0}.action-choice{display:block;text-align:left;padding:17px;border:1px solid var(--line);border-radius:13px;margin:9px 0;font-size:13px;width:100%;line-height:1.7}.action-choice[aria-pressed=true]{background:var(--green-light);border-color:#a1af8a}.journal-finish{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.memory-list{display:grid;gap:15px}.memory{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px}.memory small{color:var(--muted);font-size:11px}.memory h3{font-size:17px;margin:12px 0}.memory p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#777266}.memory-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.empty{text-align:center;padding:40px 20px 70px}.empty img{width:150px}.empty p{color:var(--muted);font-size:14px}.breathing{text-align:center;padding:40px 20px;border:1px solid var(--line);border-radius:25px;background:#eef0e5}.breath-circle{width:160px;height:160px;border-radius:50%;background:#dce3cd;border:12px solid #e5e9dc;display:flex;align-items:center;justify-content:center;margin:45px auto;font-size:22px;font-family:'Noto Serif KR',serif;transition:transform 4s ease-in-out}.breath-circle.inhale{transform:scale(1.22)}.breathing p{color:var(--muted);font-size:13px}.reveal-card{width:min(300px,90%);min-height:360px;margin:30px auto;background:#efe1c5;border:8px solid #f9f0df;outline:1px solid #e1d4bc;border-radius:140px 140px 22px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;gap:20px;text-align:center;box-shadow:0 18px 50px #b0936020}.reveal-card svg{width:50px;height:50px;color:#b09056}.reveal-card p{font-family:'Noto Serif KR',serif;font-size:20px;line-height:1.9;word-break:keep-all}.reveal-card small{color:#92816b;font-size:11px}.center{text-align:center}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.year-grid div{background:#f7f5ee;padding:13px;border-radius:12px;font-size:12px;color:#797566}.year-grid b{display:block;color:#5e6754;margin-bottom:5px}dialog{border:1px solid var(--line);border-radius:26px;padding:34px;width:min(460px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:var(--white);color:var(--ink);box-shadow:0 30px 100px #36392b26}dialog::backdrop{background:#35372a70;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:12px;font-size:25px;color:var(--muted)}dialog h2{font-size:21px;letter-spacing:-.6px;margin:8px 0 12px}dialog p{font-size:12px;color:var(--muted)}.share-card{border-radius:20px;text-align:center;background:#f4ecdc;padding:20px}.share-card img{width:130px;height:130px;object-fit:contain}.share-card h3{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:500;line-height:1.7;margin:10px 0}.share-card .brand-small{font-size:12px;color:#938169;margin-top:18px}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.share-buttons button{font-size:12px;padding:10px}.copy-fallback{width:100%;font-size:11px;padding:10px;border:1px solid var(--line);border-radius:8px}.full{width:100%}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;padding:13px 20px;border-radius:13px;background:#454c3e;color:white;font-size:12px;opacity:0;pointer-events:none;z-index:10;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;left:12px;top:-60px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}.inline-note{border-radius:14px;background:#f4f0e4;padding:15px;font-size:12px;line-height:1.8;margin-bottom:15px}main:focus{outline:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:1500px){main{margin-top:25px}.hero{min-height:435px}.hero-art img{height:385px}}
@media(max-width:1264px){main{margin-left:40px;margin-right:40px}.footer{margin-left:40px;margin-right:40px}.hero h1{font-size:37px}.hero-copy{padding:36px}.hero-art img{height:330px}}
@media(max-width:800px){.header{height:87px;padding:0 24px}.desktop-nav{gap:19px}.desktop-nav button{font-size:12px}.brand{font-size:23px}.brand small{display:none}main{margin:8px 24px}.hero h1{font-size:30px}.hero-copy{padding:28px}.hero-art img{height:290px}.hero{min-height:350px}.hero p{font-size:12px}.art-bubble{right:20px;font-size:10px}.fortune-teaser,.mood-card{padding:23px 20px}.mini-card{width:75px;height:110px}.fortune-teaser{gap:17px}.fortune-teaser h3{font-size:17px}.content-tile{padding:20px}.content-tile h3{font-size:15px}.content-tile p{font-size:11px}.footer{margin:20px 24px}}
@media(max-width:600px){.header{height:76px;padding:0 21px}.brand{font-size:24px}.brand-cloud{font-size:37px}.brand small{display:block;font-size:8px}.desktop-nav{display:none}main{margin:6px 20px 20px;padding-bottom:15px}.hero{display:flex;flex-direction:column;min-height:0;border-radius:26px}.hero-copy{padding:28px 27px 0}.hero h1{font-size:31px;line-height:1.55;margin:13px 0}.hero p{margin:12px 0 17px;font-size:12px}.hero .primary{min-height:43px;padding:10px 17px;font-size:12px}.hero-art{height:238px;margin-top:-15px;pointer-events:none}.hero-art:before{inset:6% 13% 0}.hero-art img{height:240px;width:260px;margin:20px 0 0 25px}.art-bubble{top:24px;right:22px;font-size:10px;padding:7px 11px}.art-star{top:82px;left:36px;font-size:20px}.art-star.two{top:150px;right:36px}.hero-caption{font-size:8px;bottom:13px;right:17px}.eyebrow{font-size:9px;letter-spacing:1.8px}.section-top{margin:25px 0 14px}.section-top h2{font-size:18px}.today-row{grid-template-columns:1fr;gap:14px}.fortune-teaser{min-height:155px;padding:22px 25px;gap:25px}.fortune-teaser h3{font-size:18px}.mini-card{width:70px;height:100px}.mood-card{min-height:0;padding:21px 23px}.mood-card h3{font-size:15px}.moods{margin-top:17px}.mood-face{width:39px;height:39px}.content-grid{grid-template-columns:1fr;gap:12px}.content-tile{min-height:113px;padding:21px 22px 21px 77px}.tile-icon{position:absolute;left:22px;top:25px;display:block}.tile-icon small{position:absolute;left:0;top:40px;white-space:nowrap;font-size:9px}.content-tile h3{font-size:16px}.content-tile p{font-size:12px}.gentle-note{padding:16px 18px;margin-top:20px;gap:10px}.gentle-note p{font-size:10px}.gentle-note svg{width:18px}.footer{display:block;text-align:center;margin:10px 20px 105px;padding-top:20px;font-size:9px}.footer button{display:block;margin:8px auto;font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdf8f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:9px 10px calc(10px + env(safe-area-inset-bottom));justify-content:space-around;z-index:5}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:#9d9c91;font-size:10px;min-width:62px}.mobile-nav button span{font-size:25px;height:29px}.mobile-nav button.active{color:var(--green);font-weight:700}.page-head{margin:24px 0}.page-head h1{font-size:26px}.page-head p{font-size:12px}.result-body{padding:22px}.result-hero{padding:21px 18px}.result-hero h2{font-size:24px}.result-hero img{height:145px}.result-body p{font-size:13px}.result-actions button{padding:12px;font-size:12px}.next-step{padding:22px 15px}.next-step h3{font-size:14px}.next-step button{font-size:12px;padding:10px 15px}.journal-panel{padding:23px 20px}.companion-row{gap:9px}.companion-row img{width:70px;height:70px}.companion-row p{font-size:13px}.memory{padding:20px}.year-grid{grid-template-columns:repeat(2,1fr)}#toast{bottom:100px}.section-top .text-button{font-size:10px;padding-right:0}.date-label{font-size:10px}.breath-circle{width:140px;height:140px}dialog{padding:29px 23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.breath-circle.inhale{transform:none}}
/* Discovery, reflection quizzes and birth-chart bookshop */
.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:34px}.discovery-tile{text-align:left;border:1px solid #e7e4d9;border-radius:25px;background:#eef0e4;padding:22px;transition:transform .2s,box-shadow .2s;cursor:pointer;color:inherit}.discovery-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px #4a513014}.discovery-tile.peach{background:#f6e9de}.discovery-tile.lilac{background:#eeebf4}.discovery-tile.saju-tile{background:#f3edda}.discovery-tile .activity-mascot{width:150px;height:145px;object-fit:contain;display:block;margin:0 auto 12px}.discovery-tile h3{font-size:19px;line-height:1.5;margin:12px 0}.discovery-tile p{font-size:13px;line-height:1.8;min-height:46px}.discovery-tile .text-button{display:block;margin-top:18px;font-size:13px}.activity-panel{background:#fffcf6;border:1px solid #e8e3d7;border-radius:28px;padding:36px;margin:24px 0 50px}.activity-mascot{width:190px;height:185px;object-fit:contain}.activity-panel .companion-row img{width:150px;height:150px}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top img{width:140px;height:140px}.quiz-progress{height:5px;background:#edeadd;border-radius:10px;margin:16px 0 28px}.quiz-progress>span{height:100%;display:block;background:#8c9a73;border-radius:inherit}.activity-panel h2{font-size:25px;line-height:1.6}.quiz-choices{margin:26px 0}.quiz-choices .action-choice{display:flex;align-items:center;gap:14px;padding:20px}.quiz-choices .action-choice>span{background:#ebe9df;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.quiz-nav{justify-content:space-between}button:disabled{cursor:default;opacity:.5}.quiz-result .small-label{display:block}.quiz-scores,.element-chart{margin:25px 0}.quiz-scores>div,.element-chart>div{display:grid;grid-template-columns:50px 1fr 38px;gap:12px;align-items:center;margin:15px 0;font-size:14px}.score-track{background:#eeeadf;height:10px;border-radius:8px;overflow:hidden}.score-track>span{display:block;height:100%;background:#99a47f;border-radius:8px}.quiz-result .result-section:last-of-type{border-bottom:0}.birth-options{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:15px 0}.birth-options label{display:flex;gap:8px;align-items:center}.birth-options input[type=checkbox],.birth-options input[type=radio]{accent-color:#687b54;width:18px;height:18px}.birth-date{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}.birth-date label{font-size:14px;color:#6e715e}.birth-date input,.birth-options input[type=time],.calculation-settings select{display:block;width:100%;margin-top:7px;min-height:50px;border:1px solid #dcdccc;border-radius:12px;background:#fffdf8;color:#4d5342;padding:12px;font:inherit}.birth-options input[type=time]{width:170px;margin:0}.birth-options input:disabled{background:#eae8df;color:#8e9185}.activity-panel fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.activity-panel legend{padding:0}.calculation-settings{border:1px solid #e5e1d4;padding:17px 20px;border-radius:14px;margin:20px 0}.calculation-settings summary{cursor:pointer;font-weight:600;font-size:14px}.calculation-settings p{font-size:13px;line-height:1.8}.form-error{color:#a5463d;font-size:14px}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:30px 0}.pillar{text-align:center;background:#f0eee5;border-radius:18px;padding:18px 6px;display:flex;flex-direction:column;gap:12px;min-width:0}.pillar.day-pillar{background:#e7ecda;border:1px solid #c0caa9}.pillar>span{font-size:13px;color:#7c806e}.pillar>strong{display:flex;flex-direction:column;gap:8px;font:36px Georgia,serif}.pillar>b{font-size:15px}.pillar small{font-size:10px}.pillar .unknown-pillar{justify-content:center;height:92px;color:#b1b3a5}.element-목{color:#55784f}.element-화{color:#b55f45}.element-토{color:#9d7c37}.element-금{color:#757986}.element-수{color:#537b91}.score-track .bar-목{background:#839c72}.score-track .bar-화{background:#d39078}.score-track .bar-토{background:#c1a86a}.score-track .bar-금{background:#aaaab2}.score-track .bar-수{background:#8dabb9}.rest-mascot{display:block;width:210px;height:175px;object-fit:contain;margin:0 auto 15px}.card-mascot{display:block;width:175px;height:155px;object-fit:contain;margin:0 auto -5px}.memory p{white-space:pre-wrap}.activity-panel h2:focus{outline:none}
@media(max-width:1000px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.activity-grid{gap:12px}.discovery-tile{padding:16px;border-radius:20px}.discovery-tile .activity-mascot{width:115px;height:120px;max-width:100%}.discovery-tile h3{font-size:16px}.discovery-tile .small-label{font-size:10px}.discovery-tile p{font-size:12px;min-height:62px}.activity-panel{padding:22px 18px;border-radius:22px}.activity-panel h2{font-size:21px}.quiz-choices .action-choice{padding:16px 12px;font-size:14px}.activity-panel .companion-row img{width:110px;height:115px}.birth-date{gap:8px}.birth-date input{padding:10px 8px}.birth-options{gap:16px}.pillars{gap:6px}.pillar{border-radius:13px}.pillar>strong{font-size:31px}.pillar>b{font-size:13px}.calculation-settings{padding:15px}.quiz-nav .primary{padding:13px 18px}.activity-panel .button-row{gap:10px}.rest-mascot{height:140px;width:180px}}
.discovery-tile h3,.discovery-tile p,.activity-panel p,.activity-panel h2{word-break:keep-all;overflow-wrap:break-word}select:focus-visible,summary:focus-visible{outline:3px solid #8e9c6a;outline-offset:4px}
/* Practical guidance and the fortune collection */
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-tile{display:flex;align-items:center;gap:18px;text-align:left;padding:24px;background:#eaf0e2;border:1px solid #dfe6d3;border-radius:24px}.help-tile.peach{background:#f5e9de;border-color:#eee0d3}.help-tile img{width:145px;height:145px;flex-shrink:0}.help-tile h3{font-size:20px;margin:10px 0}.help-tile p{font-size:13px;margin:0;word-break:keep-all}.help-tile small{color:#7d806e}.help-tile .text-button{padding-left:0;margin-top:8px}.fortune-door-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fortune-door{text-align:left;background:#fffdf7;border:1px solid #e6e1d3;border-radius:22px;padding:22px}.fortune-door:nth-child(2){background:#eeebf3}.fortune-door:nth-child(3){background:#f8eae4}.fortune-door:nth-child(4){background:#f3eeda}.door-symbol{font-size:32px;color:#a58d65;display:block;margin-bottom:16px}.fortune-door small{font-size:11px;color:#827c6f}.fortune-door h3{margin:8px 0;font-size:22px}.fortune-door p{font-size:12px;word-break:keep-all}.fortune-nav{display:flex;gap:10px;justify-content:center;margin:15px 0 24px}.fortune-nav [aria-current=page]{background:#57674e;color:white}.quiz-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.section-description{font-size:13px;color:#858374;margin-top:-8px;margin-bottom:22px}.activity-panel select,.activity-panel input[type=date],.activity-panel input[type=time]{width:100%;padding:13px;border:1px solid #dcdccc;border-radius:12px;background:#fffdf8;color:inherit;font:inherit;min-width:0}.activity-panel textarea{width:100%;min-height:110px}.centered{justify-content:center}.user-note{white-space:pre-wrap;overflow-wrap:anywhere}.talk-feedback{background:#eaf0e2;border-radius:17px;padding:22px;margin:24px 0}.talk-feedback h3{margin-top:0}.talk-feedback p{font-size:14px}.talk-feedback strong{font-size:14px;line-height:1.8}.tarot-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:26px 0}.tarot-back{min-height:140px;background:repeating-linear-gradient(35deg,#757a8a,#757a8a 10px,#7e8292 10px,#7e8292 11px);border:4px double #d8cba8;border-radius:12px;color:#f3e6bb;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.tarot-back span{font-size:30px}.tarot-back small{font-size:8px;letter-spacing:1px}.tarot-back.picked{background:#efe7ce;color:#70634d;opacity:1}.tarot-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.tarot-face{min-height:185px;background:#f1ecdf;border:1px solid #dcd1b8;border-radius:15px;text-align:center;padding:22px 10px;margin:12px 0}.tarot-face>span{display:block;font-size:45px;color:#a38e60}.tarot-face small{font-size:10px;color:#84745c}.tarot-face h3{margin:8px 0;font-size:17px}.tarot-result>h3{font-size:15px;line-height:1.6}.tarot-result p{font-size:13px;word-break:keep-all}.tarot-result .small-label{font-size:11px}.pair-result{display:flex;gap:20px;align-items:center;justify-content:center;margin:25px 0}.pair-result>div{display:flex;flex-direction:column;align-items:center;gap:14px;background:#f2eddf;padding:25px;border-radius:18px;flex:1}.pair-result strong{font-size:24px}.pair-result small{color:#8a826f}.activity-panel #experience-result:focus{outline:none}
@media(max-width:900px){.help-tile img{width:95px;height:110px}.help-tile{padding:18px;gap:12px}.help-tile h3{font-size:18px}}
@media(max-width:600px){.help-grid{grid-template-columns:1fr;gap:12px}.help-tile img{width:95px;height:105px}.help-tile{padding:16px}.fortune-door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fortune-door{padding:18px}.fortune-door h3{font-size:20px}.door-symbol{margin-bottom:8px}.quiz-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.fortune-nav{gap:8px}.fortune-nav .chip{padding:10px 18px}.tarot-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.tarot-back{min-height:120px}.tarot-results{grid-template-columns:1fr}.tarot-result{display:grid;grid-template-columns:95px 1fr;column-gap:16px;align-items:start;border-bottom:1px solid #e5dfd3;padding:12px 0}.tarot-result .small-label{grid-column:1/-1}.tarot-result .tarot-face{grid-row:2/5;min-height:150px}.tarot-result .tag{margin-top:12px;justify-self:start}.tarot-result>h3,.tarot-result p{margin:8px 0}.tarot-face>span{font-size:32px}.pair-result{gap:10px}.pair-result>div{padding:18px 10px}.pair-result strong{font-size:20px}.activity-panel .companion-row{gap:12px}}
.profile-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eeefe4;border:1px solid #dce1ce;padding:22px;border-radius:20px;margin:20px 0}.profile-banner p{font-size:13px;margin:7px 0 0;color:#767764}.profile-banner button{flex-shrink:0}.personal-mascot{display:block;width:150px;height:145px;object-fit:contain;margin:0 auto 12px}.birth-profile input:not([type=checkbox]),.birth-profile select,.person-card select,#people-sort,#invite-type{width:100%;min-height:46px;padding:11px;border:1px solid #dcdccc;background:#fffdf8;border-radius:12px;color:inherit;font:inherit}.birth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.birth-form-grid label{font-size:13px;line-height:2}.birth-form-grid input{display:block}.birth-profile input[type=checkbox]{accent-color:#596f4d;width:18px;height:18px;vertical-align:middle}.mini-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.mini-pillars>div{background:#f0eee4;border-radius:15px;padding:16px 8px;text-align:center}.mini-pillars small{display:block;color:#858674}.mini-pillars strong{display:block;font-size:23px;margin-top:10px}.personal-letter{font-size:16px;line-height:2.1!important;word-break:keep-all}.people-intro{display:flex;gap:20px;align-items:center;padding:15px 0 25px}.people-intro img{margin:0;width:125px;flex-shrink:0}.people-intro p{font-size:14px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.person-card{background:#fffdf7;border:1px solid #e6e1d4;padding:23px;border-radius:24px}.person-card:nth-child(3n+2){background:#f1eef5}.person-card:nth-child(3n){background:#edf0e3}.person-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9dec5;color:#746747}.person-card h3{font-size:21px;margin:12px 0;overflow-wrap:anywhere}.person-score{font-size:34px;color:#56664d;margin-top:18px}.person-score small{font-size:13px;color:#8c8e7b}.person-card>p{font-size:13px;word-break:keep-all}.person-card label{font-size:12px}.person-card select{margin-top:7px;font-size:13px}.person-card .primary{padding:10px 15px;font-size:12px}.closeness-dots{letter-spacing:7px;color:#b79975;margin:12px 0}.section-top h2 small{font-size:11px;color:#929180}.section-top>label{max-width:170px}.match-detail{margin-top:28px}.match-hero{text-align:center}.match-hero h2{font-family:'Noto Serif KR',serif;line-height:1.7}.match-score{font-size:64px;color:#637454;margin:20px 0 0}.match-score small{font-size:18px;color:#929680}.match-hero p{font-size:12px;color:#83856f}.match-parts section{padding:18px 0;border-bottom:1px solid #e8e3d7}.match-parts h3{display:flex;justify-content:space-between;font-size:17px}.match-parts h3 span{color:#778563}.match-parts p{font-size:14px}.match-parts meter{display:block;width:100%;height:12px;accent-color:#94a47c}.element-chips{display:flex;flex-wrap:wrap;gap:5px}#connection-link{display:block;width:100%;font-size:12px;padding:12px;border:1px solid #dedcca;border-radius:10px;resize:vertical;margin:10px 0 20px}#person-detail:focus{outline:none}
@media(max-width:600px){.profile-banner{align-items:stretch;flex-direction:column;padding:18px}.birth-form-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.people-intro{gap:10px}.people-intro img{width:90px;height:110px}.people-intro p{font-size:12px}.personal-letter{font-size:14px}.mini-pillars strong{font-size:20px}.person-card{padding:22px}.match-score{font-size:56px}}
.connection-share-card{position:relative;overflow:hidden;text-align:center;padding:24px 20px 0;margin:18px 0;background:linear-gradient(155deg,#f3eee5,#eeebf6 58%,#e4eddf);border:1px solid #e3dccf;border-radius:26px;color:#54514a}.connection-share-card>img{display:block;width:180px;height:155px;object-fit:contain;margin:4px auto -3px}.connection-share-card>.small-label{font-size:10px;letter-spacing:1.7px;color:#84798f}.connection-names{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;margin:2px auto 12px}.connection-names span{min-width:0;max-width:43%;font-size:17px;font-weight:700;overflow-wrap:anywhere;word-break:keep-all;line-height:1.5}.connection-names b{font-size:26px;color:#a68c9d;font-weight:400}.connection-score{font-size:64px;font-weight:700;line-height:1.1;color:#777e68;letter-spacing:-3px}.connection-score small{font-size:16px;letter-spacing:0;font-weight:400}.connection-share-card h3{font-size:17px;margin:12px 0}.connection-share-card p{font-size:14px;line-height:1.7}.connection-card-foot{border-top:1px solid #d7dacf;margin-top:20px;padding:13px 0;font-size:11px;color:#77796d}.connection-privacy{font-size:12px;line-height:1.8;margin:12px 0;color:#77766a}.connection-privacy summary{cursor:pointer}.connection-privacy textarea{width:100%;box-sizing:border-box;overflow-wrap:anywhere}#connection-feedback{font-size:13px;line-height:1.7;min-height:22px}#person-detail>.kakao-button{margin:4px 0 12px}.match-detail+.kakao-button{margin-bottom:16px}