/* 나를 움직이는 씨앗 찾기. 짧은 도입 모션 뒤에는 읽기에 집중한다. */
.seed-active{background:#f7f6ee}
.seed-active .campus-grid{opacity:.2}
.experience[data-experience="needs"]{--theme:#274f3e;--theme-paper:#f1f0d9;--theme-accent:#bccd8a}
.experience[data-experience="needs"].narrow{border:0;box-shadow:none;background:none;border-radius:0;max-width:980px;padding:28px 16px;overflow:visible}
.experience[data-experience="needs"] h1{font-family:Pretendard,sans-serif;letter-spacing:-.055em;color:#274f3e;font-weight:800}
.experience[data-experience="needs"] .back{color:#4d584b;font-size:14px}
.experience[data-experience="needs"] .primary{background:#274f3e;border:1px solid #274f3e;border-radius:50px;min-height:60px;font-size:17px;font-weight:700;box-shadow:none;transition:background .2s,transform .2s}
.experience[data-experience="needs"] .primary:hover{background:#1e4031;transform:translateY(-2px)}
.experience[data-experience="needs"] .primary:focus-visible{outline:3px solid #8d602b;outline-offset:4px}
#detail[data-experience="needs"]{display:grid;grid-template-columns:1fr 1.1fr;column-gap:48px;align-items:center}
#detail[data-experience="needs"] #detail-back{grid-column:1/-1;justify-self:start;margin-bottom:38px}
#detail[data-experience="needs"] #detail-category{grid-column:1;grid-row:2;font-size:14px;font-weight:600;letter-spacing:0;color:#52634d;margin:10px 0 24px;align-self:end}
#detail[data-experience="needs"] #detail-title{grid-column:1;grid-row:3;font-size:76px;line-height:1.1;margin:0 0 28px}
#detail[data-experience="needs"] #detail-title>span{display:block;white-space:nowrap}
#detail[data-experience="needs"] #detail-title>span:first-child{font-size:.57em;line-height:1.4;margin-bottom:8px}
#detail[data-experience="needs"] #detail-title em{font-style:normal;color:#274f3e}
#detail[data-experience="needs"] #detail-title i{font-style:normal;font-size:38px;font-weight:400;display:inline-block;vertical-align:top;margin:5px 0 0 6px;color:#a46f32}
#detail[data-experience="needs"] .experience-cover{grid-column:2;grid-row:2/6;align-self:stretch;padding:0;border:1px solid #d5d8bb;margin:0;border-radius:180px 180px 18px 18px;background:#eeefd9;min-height:420px;overflow:hidden}
#detail[data-experience="needs"] #detail-body{grid-column:1;grid-row:4;max-width:340px;font-size:17px;line-height:1.8;margin:0 0 24px;word-break:keep-all;color:#3f4b3c}
#detail[data-experience="needs"] .facts{grid-column:1;grid-row:5;justify-content:flex-start;gap:25px;border:0;padding:0;margin:0 0 12px}
#detail[data-experience="needs"] .facts dd{font-size:15px;font-weight:650}
#detail[data-experience="needs"] .facts dt{font-size:12px;color:#5b6756}
#detail[data-experience="needs"] #start{grid-column:1/-1;grid-row:6;justify-self:center;width:min(100%,480px);margin:38px 0 20px}
#detail[data-experience="needs"] .note{grid-column:1/-1;grid-row:7;background:none;border:0;border-top:1px solid #d9dccd;border-radius:0;padding:20px 0 0;margin:15px 0 0}
#detail[data-experience="needs"] .sources{grid-column:1/-1;grid-row:8}
.seed-collection{position:relative;isolation:isolate;height:100%;min-height:420px;width:100%;overflow:hidden}
.seed-collection-ring{position:absolute;inset:16% 11% 11%;border:1px solid #c8cfac;border-radius:50%;transform:rotate(-20deg)}
.seed-collection-ring::after{content:'';position:absolute;inset:22px;border:1px dashed #c8cfac;border-radius:50%}
.seed-specimen{position:absolute;width:46%;transition:transform .35s;z-index:1}
.seed-specimen svg{display:block;width:100%;height:auto}
.seed-specimen-0{top:8%;left:3%;rotate:-20deg}
.seed-specimen-1{top:11%;right:0;rotate:22deg}
.seed-specimen-2{top:33%;left:30%;rotate:-8deg;z-index:2}
.seed-specimen-3{top:45%;left:-5%;rotate:12deg}
.seed-specimen-4{bottom:4%;left:18%;rotate:-18deg}
.seed-specimen-5{top:51%;right:-3%;rotate:32deg}
.seed-specimen:hover{transform:translateY(-8px) rotate(-5deg)}
.seed-collection-mark{position:absolute;bottom:24px;right:29px;font-size:35px;color:#687650}
.seed-body{transform-origin:120px 140px}
#detail .seed-body,#result .motive-art .seed-body{animation:seed-settle 2.6s var(--arrival,0ms) both}
#detail .seed-stem,#result .motive-art .seed-stem{stroke-dasharray:1;animation:seed-grow 2.8s .4s both}
#detail .seed-leaf,#result .motive-art .seed-leaf{transform-origin:183px 60px;animation:leaf-open 2.8s .4s both}
@keyframes seed-settle{0%{transform:translateY(-12px) rotate(-9deg);opacity:.15}45%{transform:translateY(2px) rotate(3deg);opacity:1}75%{transform:translateY(-2px) rotate(-1deg)}100%{transform:none;opacity:1}}
@keyframes seed-grow{0%,15%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes leaf-open{0%,30%{transform:scale(.05);opacity:0}100%{transform:scale(1);opacity:1}}
#assessment[data-experience="needs"]{max-width:700px}
#assessment[data-experience="needs"] .question-scene{display:none}
#assessment[data-experience="needs"] .question-meta{margin:28px 0 16px;font-size:15px;color:#40533e}
#assessment[data-experience="needs"] #progress{font-variant-numeric:tabular-nums;font-weight:750}
#assessment[data-experience="needs"] progress{height:5px;margin-bottom:35px}
#assessment[data-experience="needs"] .instruction{font-size:14px;color:#52634d}
#assessment[data-experience="needs"] legend{background:none;border:0;padding:0;font-size:29px;line-height:1.55;margin-bottom:30px;font-weight:700;letter-spacing:-.04em}
#assessment[data-experience="needs"] .option{min-height:90px;padding:22px 24px;border:1px solid #c8ceba;border-radius:16px;background:#fffef9;font-size:17px;box-shadow:none;gap:16px}
#assessment[data-experience="needs"] .option:hover{border-color:#274f3e;background:#eef2e3}
#assessment[data-experience="needs"] .option:has(input:checked){border-color:#274f3e;background:#e8efd9}
#assessment[data-experience="needs"] .option:has(input:focus-visible){outline:3px solid #274f3e;outline-offset:4px}
#assessment[data-experience="needs"] .option input{accent-color:#274f3e;width:19px;height:19px}
#result[data-experience="needs"]{max-width:790px}
#result[data-experience="needs"] #result-title{font-size:36px;margin-bottom:30px}
#result[data-experience="needs"] #result-kind{font-size:14px;color:#52634d;margin:25px 0 10px;letter-spacing:0}
#result[data-experience="needs"] .motive-results{margin:0}
#result[data-experience="needs"] .motive-sheet{border:1px solid color-mix(in srgb,var(--motive-ink) 35%,white);border-radius:10px;box-shadow:0 8px 22px #28371908;margin-bottom:36px}
#result[data-experience="needs"] .motive-hero{grid-template-columns:minmax(0,1fr) 240px;min-height:300px;padding:36px 32px;gap:14px;border-bottom:1px dashed color-mix(in srgb,var(--motive-ink) 40%,white)}
#result[data-experience="needs"] .motive-hero::before{background:none;border:1px solid var(--motive-ink);inset:12px;opacity:.14;border-radius:3px}
#result[data-experience="needs"] .motive-title h2{font-size:38px;font-weight:750;letter-spacing:-.055em;line-height:1.3}
#result[data-experience="needs"] .motive-label{font-size:13px;letter-spacing:.08em;font-weight:650;border:0;padding:0;margin-bottom:18px}
#result[data-experience="needs"] .seed-person{font-size:17px;line-height:1.6}
#result[data-experience="needs"] .motive-reading{padding:34px}
#result[data-experience="needs"] .motive-meaning{font-size:18px;line-height:1.85}
#result[data-experience="needs"] .motive-contexts{gap:28px}
#result[data-experience="needs"] .motive-contexts section+section{border:0;padding:0}
#result[data-experience="needs"] #save-result{background:#274f3e;color:#fff;border-color:#274f3e}
.seed-result-tray{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding:16px 0 24px;border-bottom:1px solid #d5dcc9}
.seed-result-tray>div{width:110px;text-align:center}
.seed-result-tray svg{width:100%;height:auto;display:block}
.seed-result-tray span{font-size:14px;font-weight:650;color:#40533e}
.motive-tie{text-align:center}
.motive-results>.seed-collection{height:260px;min-height:260px;max-width:380px;margin:auto}
.test-card:has(.seed-collection){grid-template-columns:minmax(0,1fr) 110px}
.test-card:has(.seed-collection) .catalog-illustration{width:100%;margin:0;align-self:stretch;background:#edf0d8;border-radius:60px 60px 10px 10px}
.catalog-illustration .seed-specimen svg{width:100%;height:auto;margin:0}
.catalog-illustration .seed-collection{min-height:180px}
.catalog-illustration .seed-specimen{width:64%}
.catalog-illustration .seed-specimen-0{top:7%;left:9%}
.catalog-illustration .seed-specimen-1{top:35%;right:7%}
.catalog-illustration .seed-specimen-2{top:62%;left:8%}
.catalog-illustration .seed-specimen:nth-child(n+5),.catalog-illustration .seed-collection-ring,.catalog-illustration .seed-collection-mark{display:none}
@media(max-width:700px){
 .seed-active .home-shell{padding-inline:20px}
 .experience[data-experience="needs"].narrow{padding:12px 0 24px}
 #detail[data-experience="needs"]{display:flex;flex-direction:column;align-items:stretch}
 #detail[data-experience="needs"] #detail-back{align-self:flex-start;margin-bottom:24px}
 #detail[data-experience="needs"] #detail-category{align-self:center;margin:0 0 16px;font-size:13px}
 #detail[data-experience="needs"] #detail-title{font-size:54px;text-align:center;line-height:1.2;margin:0 0 24px}
 #detail[data-experience="needs"] #detail-title>span{display:block}
 #detail[data-experience="needs"] #detail-title i{font-size:24px;margin-left:3px}
 #detail[data-experience="needs"] .experience-cover{width:100%;min-height:280px;height:280px;align-self:auto;margin:0 0 25px;border-radius:150px 150px 12px 12px}
 #detail[data-experience="needs"] .seed-collection{min-height:280px}
 #detail[data-experience="needs"] #detail-body{order:1;max-width:315px;align-self:center;text-align:center;font-size:16px;margin-bottom:24px}
 #detail[data-experience="needs"] .facts{order:2;justify-content:center;gap:30px;margin-bottom:26px}
 #detail[data-experience="needs"] #start{order:3;width:100%;margin:0 0 18px}
 #detail[data-experience="needs"] .note{order:4;width:100%}
 #detail[data-experience="needs"] .sources{order:5}
 #assessment[data-experience="needs"] legend{font-size:26px}
 #assessment[data-experience="needs"] .option{font-size:16px;padding:20px 17px;min-height:94px}
 #result[data-experience="needs"] #result-title{font-size:30px}
 #result[data-experience="needs"] .motive-hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 26px 20px;min-height:0}
 #result[data-experience="needs"] .motive-title h2{font-size:34px}
 #result[data-experience="needs"] .motive-art{width:230px;max-width:100%;align-self:center;margin:0}
 #result[data-experience="needs"] .motive-reading{padding:26px 24px}
 #result[data-experience="needs"] .motive-meaning{font-size:17px}
 #result[data-experience="needs"] .motive-contexts{grid-template-columns:1fr}
 .test-card:has(.seed-collection){grid-template-columns:minmax(0,1fr) 82px}
}
@media(max-width:370px){#detail[data-experience="needs"] #detail-title{font-size:46px}}
@media(prefers-reduced-motion:reduce){
 .seed-art *{animation:none!important;transition:none!important;stroke-dashoffset:0!important}
 .seed-specimen,.experience[data-experience="needs"] .primary{transition:none;transform:none!important}
}