:root{--paper:#f7eedc;--ink:#26302c;--ink-soft:#5b655f;--card:#fff9ec;--line:#e6dac0;--c-temperament:#e8664d;--c-social:#e29a2e;--c-cognitive:#2a7f73;--c-emotion:#5b5ea6;--shadow:0 12px 32px -16px #26302c40;--font-hand:"Gaegu", cursive;--doodle-star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.4 L13.9 8.6 L20.8 8.3 L15.3 12.6 L17.4 19.5 L12 15.3 L6.7 19.6 L8.5 12.7 L2.9 8.6 L10 8.8 Z'/></svg>");--doodle-heart:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12.1 21.2s-7.3-4.5-9.8-8.8C0.6 8.8 2.1 4.4 6.1 4.3c2.2-.1 3.7 1.3 6 3.9 2.3-2.7 3.8-4 6-3.8 4 .3 5.3 4.6 3.5 8-2.4 4.4-9.5 8.8-9.5 8.8Z'/></svg>");--doodle-underline:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16'><path d='M3 9 Q 14 2 25 9 T 47 9 T 69 9 T 91 9 T 113 9' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/></svg>")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(65% 45% at 10% 6%,#c49d6524,#0000 60%),radial-gradient(60% 50% at 92% 96%,#c49d651f,#0000 58%),radial-gradient(40% 30% at 80% 12%,#e8664d0d,#0000 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.55  0 0 0 0 0.42  0 0 0 0 0.27  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:no-repeat,no-repeat,no-repeat,repeat;justify-content:center;min-height:100vh;padding:28px 16px 60px;font-family:Noto Sans KR,sans-serif;display:flex}.mono{font-family:IBM Plex Mono,monospace}.serif{font-family:Gowun Batang,serif}.hand{font-family:var(--font-hand)}#app{width:100%;max-width:480px}.card{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:17px 22px 19px 24px/22px 17px 26px 19px;padding:32px 24px 28px;position:relative;overflow:visible}.card:before{content:"";clip-path:polygon(1% 18%,55% 0%,100% 10%,97% 82%,46% 100%,3% 90%);pointer-events:none;background:linear-gradient(120deg,#e8664d52,#e29a2e47);border-radius:3px;width:74px;height:24px;position:absolute;top:-11px;left:34px;transform:rotate(-4deg);box-shadow:0 3px 6px #3a281424}.screen{animation:.35s fadeIn;display:none}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-family:IBM Plex Mono,monospace;font-size:11px}.eyebrow:after{content:"";vertical-align:middle;background-color:var(--c-social);width:12px;height:12px;-webkit-mask-image:var(--doodle-star);-webkit-mask-image:var(--doodle-star);mask-image:var(--doodle-star);margin-left:6px;display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}h1.title{margin:0 0 10px;font-family:Gowun Batang,serif;font-size:26px;line-height:1.4}h1.title:after,.result-name:after{content:"";background-color:var(--c-temperament);width:62px;height:13px;-webkit-mask-image:var(--doodle-underline);-webkit-mask-image:var(--doodle-underline);mask-image:var(--doodle-underline);margin:4px 0 2px;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.result-name:after{margin-left:auto;margin-right:auto}p.lead{color:var(--ink-soft);margin:0 0 22px;font-size:14.5px;line-height:1.6}label.field-label{color:var(--ink);margin:16px 0 6px;font-size:13px;font-weight:700;display:block}label.field-label:first-of-type{margin-top:0}input[type=text],input[type=date]{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fffcf4;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14.5px}input:focus{outline:2px solid var(--c-cognitive);outline-offset:1px}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1.5px solid var(--line);cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none;background:#fffcf4;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:all .15s}.pill.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.pill:focus-visible{outline:2px solid var(--c-cognitive);outline-offset:2px}.btn{cursor:pointer;width:100%;font-size:16px;font-weight:700;font-family:var(--font-hand);letter-spacing:.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:13px 18px;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:disabled{cursor:not-allowed;background:#c9c0a9}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line);background:0 0}.btn-gold{color:#fff;background:linear-gradient(135deg,#e29a2e,#e8664d)}.btn-row{gap:10px;margin-top:20px;display:flex}.btn-row .btn{margin-top:0}.progress-wrap{margin-bottom:22px}.progress-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.chapter-tag{font-family:var(--font-hand);color:#fff;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:700}.progress-count{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:12px}.progress-bar{background:#efe6d2;border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .3s}.axis-name{margin:2px 0;font-family:Gowun Batang,serif;font-size:19px}.axis-desc{color:var(--ink-soft);margin:0 0 18px;font-size:12.5px}.qblock{margin-bottom:22px}.qtext{margin-bottom:12px;font-size:14.5px;line-height:1.55}.scale{justify-content:space-between;gap:6px;display:flex}.scale-opt{cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:6px 2px 2px;display:flex}.scale-dot{border:2px solid var(--line);background:#fff;border-radius:50%;width:30px;height:30px;transition:all .15s}.scale-opt.selected .scale-dot{background:var(--dot-color,var(--ink));border-color:var(--dot-color,var(--ink));transform:scale(1.08)}.scale-num{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:10px}.scale-caption{font-family:var(--font-hand);color:var(--ink-soft);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.loading-wrap{text-align:center;padding:40px 0 20px}.spin-flower{width:90px;height:90px;margin:0 auto 20px;animation:2.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--ink-soft);font-size:14px}.loading-sub{font-family:var(--font-hand);color:var(--c-temperament);margin-top:8px;font-size:15px}.result-head{text-align:center;margin-bottom:6px}.result-name{margin:2px 0 4px;font-family:Gowun Batang,serif;font-size:22px}.summary-line{text-align:center;border:1px dashed var(--line);background:#fff6e4;border-radius:12px;margin:20px 0 6px;padding:16px 16px 14px;font-size:14.5px;line-height:1.6;position:relative}.summary-line:before{content:"";background-color:var(--c-temperament);width:16px;height:16px;-webkit-mask-image:var(--doodle-heart);-webkit-mask-image:var(--doodle-heart);mask-image:var(--doodle-heart);position:absolute;top:-9px;left:16px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#radar-holder{justify-content:center;margin:10px 0 4px;display:flex}.character-wrap{width:140px;height:166px;margin:4px auto 2px;position:relative}.character-badge{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex;position:absolute;top:10px;left:96px;box-shadow:0 4px 10px #0000002e}.character-caption{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin:2px 0 6px;font-size:13px}.gentle-note{text-align:center;font-family:var(--font-hand);color:var(--c-cognitive);margin:14px 0 4px;font-size:15px;line-height:1.6}.insight-section{margin-top:20px}.insight-card{border:1px solid var(--line);border-left:4px solid var(--accent,var(--ink));background:#fff9ec;border-radius:14px;margin-bottom:12px;padding:14px 16px}.insight-label{color:var(--ink-soft);align-items:center;gap:6px;margin:0 0 6px;font-size:11.5px;font-weight:700;display:flex}.insight-text{margin:0;font-size:13px;line-height:1.65}.insight-text strong{color:var(--ink)}.cta-hook{text-align:center;color:var(--ink-soft);margin:18px 0 4px;font-size:13px;line-height:1.6}.legend-row{flex-wrap:wrap;justify-content:center;gap:14px;margin:6px 0 18px;display:flex}.legend-item{color:var(--ink-soft);align-items:center;gap:5px;font-size:11.5px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px}.axis-list-title{font-family:var(--font-hand);letter-spacing:.01em;color:var(--ink-soft);margin:18px 0 10px;font-size:14px;font-weight:700}.axis-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.axis-row-name{flex-shrink:0;width:78px;font-size:12.5px;font-weight:700}.axis-row-bar-bg{background:#f2ead6;border-radius:99px;flex:1;height:9px;overflow:hidden}.axis-row-bar{border-radius:99px;height:100%}.axis-row-score{text-align:right;width:30px;color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:12px}.reliability-note{color:#b5762e;background:#fff6e8;border-radius:10px;margin-top:16px;padding:9px 12px;font-size:11.5px}.paywall-narrative{color:var(--ink-soft);border:1px solid var(--line);background:#fff9ec;border-radius:12px;margin:4px 0 20px;padding:14px 16px;font-size:13.5px;line-height:1.7}.teaser-card{border:1.5px dashed var(--line);background:repeating-linear-gradient(135deg,#fffbf2,#fffbf2 10px,#f5eedd 10px 20px);border-radius:14px;margin-bottom:12px;padding:16px 16px 14px;position:relative;overflow:hidden}.teaser-index{color:var(--ink-soft);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.teaser-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}.teaser-cat{margin:0 0 4px;font-family:Gowun Batang,serif;font-size:16px}.teaser-why{color:var(--ink-soft);font-size:12px}.teaser-lock{font-size:15px;position:absolute;top:12px;right:14px}.price-row{justify-content:center;align-items:baseline;gap:8px;margin:18px 0 2px;display:flex}.price{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:600}.price-old{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:14px;text-decoration:line-through}.demo-note{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin-top:10px;font-size:12.5px}.hobby-card{border:1.5px solid var(--line);border-left:5px solid var(--group-color,var(--ink));background:#fffbf2;border-radius:16px;margin-bottom:18px;padding:0 0 16px;overflow:hidden}.hobby-photo{background:linear-gradient(135deg, var(--group-color,#2a7f73) 0%, #ffffff8c 130%);justify-content:center;align-items:center;height:140px;font-size:52px;display:flex}.hobby-body{padding:16px 16px 0}.teaser-index-inline{color:var(--ink-soft);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:block}.hobby-cat{margin:0 0 8px;font-family:Gowun Batang,serif;font-size:17px}.hobby-benefit{color:var(--ink);margin:0 0 10px;font-size:13px;line-height:1.65}.hobby-why{color:var(--ink-soft);border-left:2px solid var(--line);margin:0 0 12px;padding-left:10px;font-size:12px}.hobby-items{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hobby-chip{color:var(--ink);background:#f5eedd;border-radius:999px;padding:5px 10px;font-size:12px}.hobby-link-wrap{border-top:1px dashed var(--line);margin-top:2px;padding:12px 16px 16px}.hobby-link{color:#fff;background:#2a2a2a;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.hobby-link:after{content:" →"}.hobby-link-note{font-family:var(--font-hand);color:var(--ink-soft);margin:8px 0 0;font-size:11.5px}.footer-note{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin-top:28px;font-size:13px;line-height:1.7}a.reset-link{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:12.5px;display:block}