:root{--coral:#ff617a;--coral-dark:#ed4765;--pink:#fff0f3;--purple:#7259e8;--ink:#24212c;--muted:#746f7d;--line:#eee8ec;--surface:#fff;--shadow:0 18px 50px rgba(89,52,68,.12)}*{box-sizing:border-box}html{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f2f4;color:var(--ink)}body{margin:0;min-width:320px}.nambti-body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#ffe1e7 0,transparent 36%),linear-gradient(180deg,#fff9fa 0,#f8f3f5 100%)}button,input,select{font:inherit}.nambti-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:22px 20px 48px}.landing-shell,.invite-shell{display:flex;flex-direction:column;justify-content:center;gap:18px}.brand-chip{align-self:center;padding:8px 13px;border:1px solid #f2dce1;border-radius:999px;background:rgba(255,255,255,.78);color:var(--coral-dark);font-size:11px;font-weight:900;letter-spacing:.12em}.hero-card,.invite-card,.form-card,.result-card,.result-hero,.share-cta,.how-card{position:relative;border:1px solid rgba(242,220,225,.8);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.hero-card{padding:54px 28px 34px;text-align:center;overflow:hidden}.kicker{margin:0 0 12px;color:var(--coral-dark);font-size:13px;font-weight:800}.hero-card>h1{margin:0;font-size:76px;line-height:.95;letter-spacing:-.08em}.hero-card>h1 span{color:var(--coral)}.hero-card h2{margin:25px 0 12px;font-size:27px;line-height:1.3;letter-spacing:-.04em}.hero-copy,.invite-card>p,.form-card>p,.share-cta>p,.result-hero>p{color:var(--muted);line-height:1.65}.hero-orbit{position:absolute;inset:0;pointer-events:none}.hero-orbit span{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--pink);color:var(--coral-dark);font-weight:900;transform:rotate(-9deg)}.hero-orbit span:nth-child(1){left:26px;top:25px}.hero-orbit span:nth-child(2){right:25px;top:57px;transform:rotate(10deg)}.hero-orbit span:nth-child(3){left:34px;top:174px;transform:rotate(7deg)}.hero-orbit span:nth-child(4){right:31px;top:196px}.primary-action,.secondary-action{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:17px;font-weight:850;text-decoration:none;cursor:pointer}.primary-action{margin-top:26px;background:linear-gradient(135deg,var(--coral),#ff7d69);box-shadow:0 13px 24px rgba(255,97,122,.28);color:#fff}.primary-action:hover{background:linear-gradient(135deg,var(--coral-dark),#f36c58)}.secondary-action{margin-top:11px;border:1px solid var(--line);background:#fff;color:var(--ink)}.micro-copy{margin:15px 0 0;color:#9c9298;font-size:12px}.how-card{padding:22px}.how-card>strong{display:block;margin-bottom:16px}.how-card ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.how-card li{display:flex;align-items:center;gap:12px;color:#5d5863;font-size:14px}.how-card li b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--pink);color:var(--coral-dark)}.simple-header,.quiz-header{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-bottom:18px}.simple-header a,.simple-header button,.quiz-header>a{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:13px;background:#fff;color:var(--ink);font-size:20px;text-decoration:none;box-shadow:0 4px 15px rgba(65,49,56,.07)}.simple-header button{cursor:pointer}.form-card{padding:32px 24px}.form-card h1,.invite-card h1{margin:0 0 18px;font-size:31px;line-height:1.25;letter-spacing:-.045em}.step-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:14px;background:var(--pink);color:var(--coral-dark);font-weight:900}.field{display:block;margin-top:22px}.field>span{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:14px;font-weight:750}.field>span b{color:var(--coral);font-size:11px}.field>span small{color:#a19aa1;font-weight:500}.field input,.field select{width:100%;height:54px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);outline:0}.field input:focus,.field select:focus{border-color:#ff9aab;box-shadow:0 0 0 4px var(--pink)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-row input,.trait-grid input{position:absolute;opacity:0;pointer-events:none}.choice-row i,.trait-grid i{display:grid;place-items:center;min-height:48px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff;font-style:normal;font-size:13px;cursor:pointer}.choice-row input:checked+i,.trait-grid input:checked+i{border-color:var(--coral);background:var(--pink);color:var(--coral-dark);font-weight:800}.form-error{min-height:20px;margin:15px 0 0;color:#d92d20;font-size:13px}.invite-card{padding:40px 26px;text-align:center}.avatar-bubble{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 22px;border:7px solid #fff;border-radius:29px;background:linear-gradient(145deg,#ff8093,#ffb06e);box-shadow:0 12px 30px rgba(255,97,122,.26);color:#fff;font-size:34px;font-weight:900;transform:rotate(-4deg)}.text-link{display:block;padding:11px;text-align:center;color:#7f7580;font-size:14px;font-weight:700}.quiz-shell{padding-top:10px}.quiz-header{position:sticky;top:0;z-index:5;padding:8px 0;background:rgba(255,249,250,.9);backdrop-filter:blur(12px)}.quiz-header>div{width:58%;text-align:center}.quiz-header>div span{font-size:12px;font-weight:800}.quiz-header i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:9px;background:#eadfe3}.quiz-header i b{display:block;width:4.16%;height:100%;border-radius:9px;background:var(--coral);transition:width .25s}.quiz-header>strong{color:var(--coral-dark)}.question-card{padding:34px 2px}.question-label{color:var(--coral-dark);font-size:13px;font-weight:800}.question-card h1{min-height:122px;margin:12px 0 26px;font-size:27px;line-height:1.4;letter-spacing:-.035em}.question-card h1>b{color:var(--coral-dark)}.answer-list{display:grid;gap:10px}.answer-list button{display:flex;min-height:58px;align-items:center;gap:13px;padding:11px 17px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;text-align:left}.answer-list button:hover,.answer-list button.selected{border-color:#ff9aab;background:var(--pink);transform:translateY(-1px)}.answer-list button i{font-style:normal;font-size:21px}.answer-list button.unknown{justify-content:center;background:#f8f5f6;color:#827b83}.trait-stage{box-shadow:none}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.trait-grid i{min-height:54px}.completion-card{margin-top:54px}.completion-card .result-type,.result-type{margin:18px 0;color:var(--coral);font-size:68px;font-weight:950;letter-spacing:.04em}.viral-divider{display:flex;align-items:center;gap:10px;margin:25px 0;color:#afa5aa;font-size:12px}.viral-divider:before,.viral-divider:after{content:"";height:1px;flex:1;background:var(--line)}.result-shell{padding-bottom:70px}.result-hero{padding:38px 24px;text-align:center;background:linear-gradient(155deg,#fff 20%,#fff0f3)}.result-hero h1{margin:0;font-size:25px}.result-hero .result-type{margin:11px 0;font-size:78px}.result-card{margin-top:16px;padding:25px 20px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.section-title>span{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--pink);color:var(--coral-dark);font-size:12px;font-weight:900}.section-title h2{margin:0;font-size:19px}.axis-result{padding:17px 0;border-top:1px solid var(--line)}.axis-result:first-of-type{border-top:0}.axis-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.axis-heading>span{padding:5px 8px;border-radius:999px;background:#fff3d8;color:#976b0b;font-size:10px;font-weight:800}.axis-bars{display:grid;gap:9px}.axis-bars>div{display:grid;grid-template-columns:20px 1fr 42px;align-items:center;gap:9px}.axis-bars b{font-size:16px}.axis-bars i{height:10px;overflow:hidden;border-radius:10px;background:#f1edef}.axis-bars i span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--coral),#ff9a77)}.axis-bars i span.negative{background:linear-gradient(90deg,#826be8,#bbaafa)}.axis-bars strong{text-align:right;font-size:13px}.axis-result>p{margin:10px 0 0;color:var(--muted);font-size:13px}.axis-result.invalid{opacity:.75}.type-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}.type-compare div{padding:17px 8px;border-radius:17px;background:#faf7f8}.type-compare small{display:block;color:var(--muted);font-size:11px}.type-compare b{display:block;margin-top:6px;font-size:27px}.type-compare>i{color:var(--coral);font-size:12px;font-style:normal;font-weight:900}.compare-card>p{text-align:center;color:var(--muted)}.compare-card>p strong{color:var(--coral-dark);font-size:20px}.trait-ranking{display:grid;gap:10px;margin:0;padding:0;list-style:none}.trait-ranking li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#faf7f8}.trait-ranking li>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--pink);color:var(--coral-dark)}.trait-ranking li strong{color:var(--muted);font-size:13px}.share-cta{margin-top:16px;padding:28px 22px;text-align:center}.share-cta h2{margin:0;font-size:21px}.share-message{text-align:center;color:var(--coral-dark);font-size:13px}@media(max-width:370px){.nambti-shell{padding-left:14px;padding-right:14px}.hero-card>h1{font-size:65px}.question-card h1{font-size:24px}.trait-grid{grid-template-columns:1fr}}