:root{--text:#1e2a24;--muted:#5e6d63;--surface:#fff;--surface-soft:#f8f6f0;--line:#17251d1a;--brand-1:#ff7a59;--brand-2:#ffb36a;--brand-3:#2ea88f;--brand-4:#3f63d4;--radius-xl:28px;--radius-lg:20px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 8% 12%,#ffb07a38,#0000 32%),radial-gradient(circle at 92% 8%,#4092ff2b,#0000 29%),radial-gradient(circle at 80% 88%,#2ea88f33,#0000 34%),linear-gradient(140deg,#fff9f4 0%,#f4fbff 52%,#fdfaf3 100%);font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,Apple SD Gothic Neo,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem}.top-nav{border:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex;position:sticky;top:.8rem}.brand{align-items:center;gap:.55rem;display:inline-flex}.brand-mark{background:linear-gradient(130deg,var(--brand-1),var(--brand-2));color:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex;box-shadow:0 10px 22px #ff7a5957}.brand-text{letter-spacing:-.02em;font-size:1.04rem;font-weight:820}.top-nav-links{color:var(--muted);align-items:center;gap:.9rem;font-size:.93rem;display:flex}.top-nav-links a{border-radius:10px;padding:.45rem .66rem;transition:background-color .2s,color .2s}.top-nav-links a:hover{color:#8f321d;background:#ff7a5929}.top-nav-right{align-items:center;gap:.55rem;display:flex}.page-tools{justify-content:flex-end;margin-top:.65rem;display:flex}.lang-switch{align-items:center;display:inline-flex}.lang-select{color:#2f4035;background:#fff;border:1px solid #2b3d3433;border-radius:11px;min-width:140px;padding:.42rem .52rem;font-size:.82rem}.lang-select:focus{outline-offset:1px;outline:2px solid #ff7a594d}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-block{border-radius:var(--radius-xl);background:linear-gradient(120deg,#fffffff5,#fff4e4f5);border:1px solid #ff965840;grid-template-columns:1.2fr .8fr;gap:1.2rem;margin-top:1.4rem;padding:2rem;animation:.55s both fade-up;display:grid;box-shadow:0 22px 60px #825d271f}.hero-badge{letter-spacing:.06em;text-transform:uppercase;color:#8d3a22;background:#ffb87e59;border:1px solid #ff883e59;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.74rem;font-weight:730;display:inline-flex}.hero-title{letter-spacing:-.03em;margin:.82rem 0 .7rem;font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.12}.hero-sub{color:#445147;max-width:48ch;margin:0;line-height:1.58}.hero-actions{flex-wrap:wrap;gap:.62rem;margin-top:1.25rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;padding:.72rem 1rem;font-size:.92rem;font-weight:690;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn-primary{background:linear-gradient(120deg,var(--brand-1),#ff9050);color:#fff;box-shadow:0 12px 26px #ff654257}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:#2f3f35;background:#fff;border-color:#263c2f2e}.btn-secondary:hover{background:#f6f8f8}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.55rem;display:grid}.hero-bubble{text-align:center;background:#ffffffbd;border:1px solid #1734281f;border-radius:16px;justify-content:center;align-items:center;min-height:72px;padding:.7rem;font-weight:670;line-height:1.35;animation:3.8s ease-in-out infinite float-soft;display:flex}.hero-bubble-main{background:linear-gradient(120deg,#ff90602e,#ffffffe0);animation-delay:.25s}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.64rem;margin-top:1rem;display:grid}.stat-card{border:1px solid var(--line);background:#ffffffc7;border-radius:16px;padding:.88rem}.stat-head{align-items:center;gap:.45rem;display:flex}.stat-head h2{letter-spacing:-.02em;margin:0;font-size:.92rem}.stat-emoji{font-size:1.15rem}.stat-card p{color:var(--muted);margin:.5rem 0 0;font-size:.82rem;line-height:1.45}.explore-section{margin-top:1.6rem}.section-head{justify-content:space-between;align-items:flex-end;gap:.6rem;margin-bottom:.8rem;display:flex}.section-title{letter-spacing:-.02em;margin:0;font-size:1.24rem}.section-subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.89rem}.top-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.68rem;margin-bottom:1.45rem;display:grid}.top-card{background:#ffffffd9;border:1px solid #273a2f1f;border-radius:16px;align-items:flex-start;gap:.65rem;padding:.85rem;transition:transform .2s,box-shadow .2s;display:flex}.top-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #3043381f}.top-card-rank{color:#8a3f22;background:linear-gradient(130deg,#ffe2c2,#ffc789);border-radius:11px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:.8rem;font-weight:760;display:inline-flex}.top-card-title{align-items:center;gap:.4rem;margin:0;font-size:.96rem;font-weight:760;display:flex}.top-card-meta p{margin:0}.top-card-meta p:last-child{color:var(--muted);margin-top:.32rem;font-size:.83rem;line-height:1.38}.filter-panel{background:#ffffffd1;border:1px solid #26392f1f;border-radius:18px;padding:.86rem}.search-input-wrap{background:#fff;border:1px solid #23382c24;border-radius:12px;align-items:center;gap:.5rem;width:100%;padding:.55rem .7rem;display:flex}.search-input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:.94rem}.category-chip-wrap{flex-wrap:wrap;gap:.45rem;margin-top:.68rem;display:flex}.category-chip{color:#33453a;cursor:pointer;background:#fff;border:1px solid #26362e24;border-radius:999px;padding:.36rem .72rem;font-size:.83rem;transition:background-color .2s,border-color .2s}.category-chip.active{color:#7d341d;background:linear-gradient(120deg,#ff89533d,#ffdba185);border-color:#ff7d5073;font-weight:690}.result-count{color:var(--muted);margin:.8rem 0 0;font-size:.87rem}.test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;margin-top:.7rem;display:grid}.test-card{background:#ffffffe6;border:1px solid #24382d1f;border-radius:18px;flex-direction:column;min-height:198px;padding:.9rem;transition:transform .2s,box-shadow .2s;animation:.5s both fade-up;display:flex}.test-card:hover{transform:translateY(-3px);box-shadow:0 22px 34px #2d423524}.test-card-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.test-emoji{font-size:1.3rem}.test-score{color:#1e6d57;background:#67eec533;border:1px solid #32b28842;border-radius:999px;padding:.2rem .5rem;font-size:.74rem}.test-card h3{letter-spacing:-.02em;margin:.72rem 0 0;font-size:1.02rem;line-height:1.36}.test-card p{color:var(--muted);margin:.5rem 0 0;font-size:.86rem;line-height:1.45}.test-card-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.8rem;display:flex}.pill{color:#4c5e53;background:#fff;border:1px solid #2b423621;border-radius:999px;align-items:center;padding:.24rem .52rem;font-size:.74rem;display:inline-flex}.card-link{color:#8f3a23;font-size:.84rem;font-weight:720}.card-link:hover{text-decoration:underline}.site-footer{color:#5f6d64;border-top:1px solid #273b3024;margin-top:1.9rem;padding-top:.9rem;font-size:.8rem}.quiz-shell,.result-shell{flex-direction:column;gap:.82rem;width:min(820px,100%);margin:0 auto;padding-top:.75rem;display:flex}.quiz-header{background:#ffffffd1;border:1px solid #22372d1f;border-radius:15px;justify-content:space-between;align-items:center;padding:.56rem .7rem;display:flex}.question-number{color:#4e6055;border:1px solid #3d4d4338;border-radius:999px;align-items:center;padding:.22rem .56rem;font-size:.76rem;display:inline-flex}.quiz-card,.result-panel{background:#ffffffed;border:2px solid #ff7e594d;border-radius:24px;padding:1.25rem;animation:.45s both fade-up;box-shadow:0 28px 52px #22372b1f}.question-title,.result-title{letter-spacing:-.03em;margin:.62rem 0 0;font-size:clamp(1.34rem,3vw,2rem);line-height:1.23}.question-prompt{color:#38463f;margin:.72rem 0 0;line-height:1.6}.progress-track{background:#f1efe7;border:1px solid #47594e29;border-radius:999px;width:100%;height:10px;margin-top:1rem;overflow:hidden}.progress-fill{background:linear-gradient(120deg,#ff815d,#ffb672);border-radius:999px;height:100%;transition:width .24s}.option-grid{grid-template-columns:1fr;gap:.55rem;margin-top:1rem;display:grid}.option-button{text-align:left;color:#233228;cursor:pointer;background:#fff;border:1px solid #2b3b332e;border-radius:14px;width:100%;padding:.82rem .9rem;font-size:.95rem;line-height:1.45;transition:transform .16s,border-color .16s,background-color .16s}.option-button:hover{background:#fff8f3;border-color:#ff7a5980}.option-button.selected{background:#ffe9de;border-color:#ff7a59b8;transform:scale(.998)}.result-badge{color:#506054;background:#fff;border:1px solid #22342a33;border-radius:999px;margin:0;padding:.3rem .62rem;font-size:.73rem;display:inline-flex}.result-type{letter-spacing:-.02em;margin:.7rem 0 0;font-size:clamp(1.15rem,2.5vw,1.7rem);line-height:1.25}.result-keyword{color:#3e4f45;margin:.46rem 0 0;font-weight:670}.result-fun{color:#5d3b2b;background:#fffaeed9;border:1px solid #273a3133;border-radius:999px;align-items:center;margin:.45rem 0 0;padding:.3rem .58rem;font-size:.8rem;display:inline-flex}.result-desc{color:#3f4f45;margin:.6rem 0 0;line-height:1.58}.trait-board{background:#fffefb;border:1px solid #273b3024;border-radius:15px;margin-top:1rem;padding:.8rem}.trait-row{grid-template-columns:70px 1fr 24px;align-items:center;gap:.52rem;display:grid}.trait-row+.trait-row{margin-top:.42rem}.trait-row span{color:#4b5e53;font-size:.82rem}.trait-row strong{color:#2f3f35;text-align:right;font-size:.82rem}.trait-track{background:#f2efe5;border:1px solid #2a3a3224;border-radius:999px;height:8px;overflow:hidden}.trait-fill{border-radius:999px;height:100%;transition:width .3s}.result-column{border-top:1px dashed #2e423833;margin-top:1rem;padding-top:.82rem}.result-column h3{margin:0;font-size:.96rem}.result-column ul{margin:.5rem 0 0;padding-left:1.08rem}.result-column li,.result-column p{color:#445349;margin:.2rem 0;font-size:.9rem;line-height:1.52}.result-highlight{border-top-style:solid}.result-highlight-value{color:#1f3d32;margin-top:.45rem;font-size:1.02rem;font-weight:760}.result-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.copy-message{color:#286f5b;margin:.65rem 0 0;font-size:.84rem}.not-found-box{border:1px solid var(--line);text-align:center;background:#ffffffe6;border-radius:24px;width:min(560px,100%);margin:min(12vh,5rem) auto;padding:1.3rem}.not-found-box h1{margin:0;font-size:1.45rem}.not-found-box p{color:var(--muted);margin:.6rem 0 1rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:1024px){.stats-grid,.test-grid,.top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-shell{width:calc(100% - 1.1rem)}.top-nav{padding:.62rem .65rem}.top-nav-links{display:none}.lang-select{min-width:112px;font-size:.76rem}.hero-block{grid-template-columns:1fr;padding:1.2rem}.hero-side{grid-template-columns:1fr 1fr}.stats-grid,.test-grid,.top-grid{grid-template-columns:1fr}.quiz-card,.result-panel{border-radius:18px;padding:1rem}.trait-row{grid-template-columns:64px 1fr 20px}}