@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,a,[role=button]{-webkit-tap-highlight-color:transparent}main{display:block}.page-loader{display:flex;align-items:center;justify-content:center;min-height:40vh}.page-loader-cookie{font-size:32px;display:block;animation:cookiePulse 1s var(--ease-out-quint) infinite alternate}@keyframes cookiePulse{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.1);opacity:1}}.skip-nav{position:absolute;top:-100%;left:16px;background:var(--primary);color:#fff;padding:10px 18px;border-radius:0 0 8px 8px;font-size:14px;font-weight:700;text-decoration:none;z-index:9999;transition:top .15s ease}.skip-nav:focus{top:0}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}:root{--primary: #F97316;--primary-light: #FB923C;--primary-dark: #EA580C;--secondary: #F59E0B;--accent: #FCD34D;--bg: #FFFFFF;--bg-card: #F8F9FA;--bg-card2: #F1F3F5;--text: #1A1A2E;--text-main: #1A1A2E;--text-muted: #6B7280;--border: rgba(249, 115, 22, .13);--gradient-main: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--gradient-card: linear-gradient(135deg, rgba(249,115,22,.06) 0%, rgba(251,146,60,.04) 100%);--shadow: 0 4px 20px rgba(0,0,0,.08);--radius: 20px;--radius-sm: 12px;--brain-blue: #118ab2;--brain-teal: #06d6a0;--brain-gradient: linear-gradient(135deg, #06d6a0, #118ab2);--gray-border: #E5E7EB;--gray-mid: #9CA3AF;--color-kakao: #FEE500;--color-kakao-text: #191919;--color-naver: #03C75A;--color-google-bg: #FFFFFF;--color-google-text: #333333;--color-apple: #1C1C1E;--color-success: #10B981;--color-danger: #EF4444;--color-rarity-legend: #B8860B;--color-rarity-legend-bg: #FFF8E1;--color-rarity-legend-border: rgba(184, 134, 11, .4);--color-rarity-rare: #7C3AED;--color-rarity-rare-bg: #F3E8FF;--color-rarity-rare-border: rgba(124, 58, 237, .4);--color-rarity-special: #2563EB;--color-rarity-special-bg: #EFF6FF;--color-rarity-special-border: rgba(37, 99, 235, .4);--color-rarity-common: #6B7280;--color-rarity-common-bg: #F3F4F6;--color-rarity-common-border: rgba(107, 114, 128, .4);--primary-a04: rgba(249, 115, 22, .04);--primary-a06: rgba(249, 115, 22, .06);--primary-a08: rgba(249, 115, 22, .08);--primary-a10: rgba(249, 115, 22, .1);--primary-a12: rgba(249, 115, 22, .12);--primary-a16: rgba(249, 115, 22, .16);--primary-a18: rgba(249, 115, 22, .18);--primary-a20: rgba(249, 115, 22, .2);--primary-border: rgba(249, 115, 22, .13);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-gentle-spring: cubic-bezier(.34, 1.12, .64, 1)}html{scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{max-width:480px;margin:0 auto;background:var(--bg);min-height:100vh;position:relative;box-shadow:0 0 60px #0000001a}@media(min-width:480px){body:before,body:after{content:"";position:fixed;top:0;bottom:0;background:#fff;z-index:200;pointer-events:none}body:before{left:0;width:calc(50vw - 240px)}body:after{right:0;width:calc(50vw - 240px)}}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;isolation:isolate}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.07;will-change:transform;transform:translateZ(0);contain:strict;backface-visibility:hidden}.bg-blob-1{width:400px;height:400px;background:var(--primary);top:-100px;left:-100px;animation:blobMove1 12s ease-in-out infinite alternate}.bg-blob-2{width:300px;height:300px;background:var(--secondary);bottom:-80px;right:-80px;animation:blobMove2 10s ease-in-out infinite alternate}.bg-blob-3{width:250px;height:250px;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);animation:blobMove3 14s ease-in-out infinite alternate}@keyframes blobMove1{0%{transform:translate(0) scale(1) translateZ(0)}to{transform:translate(50px,80px) scale(1.2) translateZ(0)}}@keyframes blobMove2{0%{transform:translate(0) scale(1) translateZ(0)}to{transform:translate(-60px,-40px) scale(1.15) translateZ(0)}}@keyframes blobMove3{0%{transform:translate(-50%,-50%) scale(1) translateZ(0)}to{transform:translate(-40%,-60%) scale(1.3) translateZ(0)}}.container{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:0 20px 88px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.landing-wrap{text-align:left;padding:10px 0;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.landing-emoji{font-size:72px;display:block;margin-bottom:12px;animation:floatEmoji 3s ease-in-out infinite}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-title{font-size:28px;font-weight:800;line-height:1.3;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.landing-subtitle{font-size:15px;color:var(--text-muted);margin-bottom:32px}.tag-wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.tag{background:var(--primary-a10);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:13px;color:var(--primary)}.info-box{background:#00000008;border-radius:var(--radius-sm);padding:18px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.info-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.info-item .icon{font-size:18px}.name-input-wrap{margin-bottom:20px;text-align:left}.name-label{display:block;font-size:13px;font-weight:700;color:var(--primary-light);margin-bottom:8px}.name-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;font-size:16px;color:var(--text);outline:none;transition:border-color .25s,box-shadow .25s;font-family:inherit;box-shadow:0 1px 4px #0000000f}.name-input::placeholder{color:var(--text-muted)}.name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f9731626}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.name-input.shake{animation:shake .4s ease;border-color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:100px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s,color .3s,border-color .3s var(--ease-out-quint);text-decoration:none;width:100%;font-family:inherit}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 16px #f973162e}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 24px #f973163d}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #f973162e}.btn-secondary{background:#f8f9fa;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:#f1f3f5;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-kakao{background:var(--color-kakao);color:var(--color-kakao-text);box-shadow:0 4px 16px #fee5004d}.btn-kakao:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fee50066}.btn-link{background:#f8f9fa;border:1px solid var(--border);color:var(--text)}.btn-link:hover{background:#f1f3f5;transform:translateY(-2px)}.btn-mypage{background:var(--primary-a10);border:1px solid var(--border);color:var(--primary)}.btn-mypage:hover{background:var(--primary-a18);transform:translateY(-2px)}.test-wrap{width:100%;padding:8px 0 48px;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.test-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-size:13px;color:var(--text-muted);font-weight:600}.progress-count{font-size:13px;font-weight:700;color:#70737c;flex-shrink:0;font-variant-numeric:tabular-nums}.progress-track{flex:1;height:6px;background:#f7f7f8;border-radius:100px;overflow:hidden}.progress-fill{height:100%;width:100%;background:var(--gradient-main);border-radius:100px;transform-origin:left;transform:scaleX(0);transition:transform .5s var(--ease-out-quint);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:0;width:12px;height:100%;background:#fff6;border-radius:100px;filter:blur(3px)}.question-image-wrap{width:100%;border-radius:16px;overflow:hidden;margin-bottom:16px;aspect-ratio:16 / 9;background:#f7f7f8;box-shadow:0 4px 12px #1717190f}.question-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.question-section{padding:40px 0 20px}.question-card{padding:0;margin-bottom:28px}.question-num{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--primary);margin-bottom:8px}.question-text{font-size:20px;font-weight:700;line-height:1.45;margin-bottom:0;color:#171719;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.02em}.options-wrap{display:flex;flex-direction:column;gap:10px}.option-btn{background:#fff;border:1.5px solid rgba(112,115,124,.22);border-radius:16px;padding:16px 18px;font-size:15px;color:#171719;text-align:left;cursor:pointer;transition:border-color .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1),background .25s ease,box-shadow .25s ease;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;font-family:inherit;box-shadow:0 1px 2px #1717190a}.option-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-main);opacity:0;transition:opacity .25s ease}.option-label{width:32px;height:32px;border-radius:50%;background:#f7f7f8;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary);flex-shrink:0;position:relative;z-index:1;transition:background .25s ease,color .25s ease}.option-text{position:relative;z-index:1;line-height:1.45;word-break:keep-all;overflow-wrap:break-word;font-weight:500}.option-btn:hover{border-color:var(--primary-light);transform:scale(1.01);box-shadow:0 4px 12px #f973161f}.option-btn:hover:before{opacity:.06}.option-btn.selected{border-color:var(--primary);transform:scale(1.02)}.option-btn.selected:before{opacity:.12}.option-btn--picked{border-color:var(--primary);transform:scale(1.02);box-shadow:0 4px 16px #f973162e;animation:optionPick .28s var(--ease-gentle-spring) forwards,optionGlow .52s var(--ease-out-expo) forwards}.option-btn--picked:before{opacity:.1}.option-btn--picked .option-label{background:var(--primary);color:#fff}.option-btn:disabled:not(.option-btn--picked){opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}@keyframes optionPick{0%{transform:translate(0) scale(1)}25%{transform:translate(2px) scale(.975)}to{transform:translate(4px) scale(1)}}@keyframes optionGlow{0%{box-shadow:var(--shadow-sm),0 0 #f9731680}45%{box-shadow:var(--shadow-sm),0 0 0 7px #f973162e}to{box-shadow:var(--shadow-sm),0 0 0 14px #f9731600}}.share-card{background:#fff;border:1.5px solid rgba(112,115,124,.18);border-radius:20px;padding:24px 20px 20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 16px #1717190f}.share-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.share-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.share-card-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#70737c}.share-card-sub{font-size:12px;font-weight:700;color:var(--primary)}.share-card-emoji-wrap{position:relative;z-index:1;margin-bottom:12px}.share-card-emoji{font-size:88px;display:block;animation:floatEmoji 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(23,23,25,.08))}.share-card-type{font-size:28px;font-weight:800;color:#171719;margin-bottom:4px;position:relative;z-index:1;line-height:1.2;letter-spacing:-.02em}.share-card-eng{font-size:12px;font-weight:700;letter-spacing:.1em;color:#70737c;margin-bottom:16px;position:relative;z-index:1}.share-card-keywords,.sc-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;position:relative;z-index:1}.kw-badge{background:#f7f7f8;border:1px solid rgba(112,115,124,.16);border-radius:100px;padding:5px 14px;font-size:13px;font-weight:600;color:#37383c;white-space:nowrap}.sc-emoji{font-size:64px;display:block;margin-bottom:8px;animation:floatEmoji 3s ease-in-out infinite;position:relative;z-index:1}.sc-type-name{font-size:22px;font-weight:700;color:#171719;margin-bottom:2px;position:relative;z-index:1;line-height:1.3;letter-spacing:-.02em}.sc-eng-name{font-size:11px;font-weight:700;letter-spacing:.1em;color:#70737c;margin-bottom:4px;position:relative;z-index:1;text-transform:uppercase}.sc-sub{font-size:13px;font-weight:600;color:var(--primary);margin-bottom:8px;position:relative;z-index:1}.sc-oneliner{font-size:13px;color:#70737c;font-style:italic;margin-bottom:14px;position:relative;z-index:1;line-height:1.5;word-break:keep-all}.share-card-oneliner{font-size:13px;color:var(--text-muted);position:relative;z-index:1;font-style:italic;line-height:1.5}.result-wrap{padding:16px 0 32px;width:100%;align-self:flex-start;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.character-image-wrap{width:100%;aspect-ratio:1 / 1;margin:8px 0 14px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#f7f7f8,#ececef);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #17171914;animation:characterImageIn .55s var(--ease-out-quint, cubic-bezier(.22,1,.36,1)) both}@keyframes characterImageIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.character-image{width:100%;height:100%;object-fit:cover;display:block}.character-image-fallback{font-size:120px;line-height:1;filter:drop-shadow(0 4px 10px rgba(23,23,25,.1))}.character-keyword{text-align:center;margin:4px 0 14px;padding:0 4px}.character-keyword-title{font-size:24px;font-weight:800;color:#171719;line-height:1.25;letter-spacing:-.022em;margin:0 0 6px;word-break:keep-all}.character-keyword-eng{font-size:11px;font-weight:700;letter-spacing:.12em;color:#70737c;text-transform:uppercase;margin:0 0 6px}.character-keyword-sub{font-size:13px;font-weight:600;color:var(--primary);margin:0}@media(max-width:480px){.character-keyword-title{font-size:22px}.character-image-fallback{font-size:96px}}.result-personal{font-size:17px;font-weight:700;color:#171719;margin-bottom:14px;line-height:1.5;position:relative;z-index:1;letter-spacing:-.016em}.result-subtitle{font-size:14px;font-weight:500;color:#70737c;text-align:center;margin-top:-8px;margin-bottom:14px;line-height:1.6;font-style:italic}.result-badge{display:inline-block;background:var(--gradient-main);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;color:#fff}.result-emoji{font-size:80px;display:block;text-align:center;margin-bottom:16px;animation:floatEmoji 3s ease-in-out infinite}.result-type-name{font-size:26px;font-weight:800;text-align:center;color:var(--primary-dark);margin-bottom:8px}.result-type-eng{text-align:center;font-size:14px;color:var(--text-muted);font-weight:600;letter-spacing:1px;margin-bottom:24px}.result-desc{background:#f7f7f8;border:none;border-radius:14px;padding:18px;font-size:15px;color:#37383c;line-height:1.8;margin-bottom:18px;position:relative;z-index:1}.result-traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;position:relative;z-index:1}.trait-tag{background:#f7f7f8;border:1px solid rgba(112,115,124,.16);border-radius:100px;padding:6px 14px;font-size:13px;color:#37383c;font-weight:600;white-space:nowrap}.share-section{margin-top:8px}.share-title{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:14px}.divider{height:1px;background:var(--border);margin:24px 0}.retry-section{text-align:center}.mypage-container{min-height:auto;padding-bottom:0}.mypage-wrap{padding:16px 0 8px;width:100%;align-self:flex-start;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.mypage-header{text-align:left;margin-bottom:24px}.mypage-title{font-size:26px;font-weight:700;color:#171719;margin-bottom:4px;letter-spacing:-.024em}.mypage-sub{font-size:14px;color:var(--text-muted)}.rep-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.rep-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.rep-badge{display:inline-block;background:var(--gradient-main);border-radius:100px;padding:5px 14px;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;margin-bottom:16px;position:relative;z-index:1}.rep-label{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;position:relative;z-index:1}.rep-emoji{font-size:64px;display:block;margin-bottom:12px;animation:floatEmoji 3s ease-in-out infinite;position:relative;z-index:1}.rep-name{font-size:22px;font-weight:800;color:var(--primary-dark);margin-bottom:6px;position:relative;z-index:1}.rep-count{font-size:13px;color:var(--text-muted);margin-bottom:14px;position:relative;z-index:1}.rep-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative;z-index:1}.section-title{font-size:14px;font-weight:700;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.stat-row{margin-bottom:14px}.stat-row:last-child{margin-bottom:0}.stat-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:6px}.stat-count{margin-left:auto;font-weight:700;color:var(--primary-light)}.stat-track{width:100%;height:6px;background:#00000014;border-radius:100px;overflow:hidden}.stat-fill{height:100%;border-radius:100px;transition:width .8s var(--ease-out-quint);min-width:4px}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:2px;background:var(--border)}.timeline-item{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2px solid var(--bg-card);box-shadow:0 0 8px #f9731624;position:relative;z-index:1}.timeline-content{flex:1;background:var(--bg);border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-sm);padding:12px 16px;box-shadow:0 1px 4px #0000000d}.timeline-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.timeline-emoji{font-size:20px}.timeline-type{font-size:14px;font-weight:700;color:var(--text)}.timeline-eng{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted);margin-left:auto}.timeline-date{font-size:12px;color:var(--text-muted)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.result-loading-skeleton{display:flex;flex-direction:column;gap:16px;padding:24px 0 48px}.skeleton-block{border-radius:var(--radius);background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-block--header{height:36px;width:60%;border-radius:100px;align-self:center}.skeleton-block--card{height:220px}.skeleton-block--text{height:18px;width:100%}.skeleton-block--short{width:70%}.empty-state{text-align:center;padding:48px 0}.empty-emoji{font-size:56px;display:block;margin-bottom:16px}.empty-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text)}.empty-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px;line-height:1.6}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(80px);background:var(--primary);border:1px solid rgba(249,115,22,.14);border-radius:100px;padding:12px 24px;font-size:14px;color:#fff;box-shadow:0 8px 32px #f9731624;z-index:1000;transition:transform .4s var(--ease-out-quint),opacity .3s ease;opacity:0;max-width:calc(100vw - 32px);text-align:center;word-break:keep-all}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 0}.spinner{width:48px;height:48px;border:3px solid rgba(249,115,22,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text-muted);font-size:15px}.text-center{text-align:center}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.hidden{display:none!important}.fade-in{animation:fadeIn .45s var(--ease-out-quint) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .38s var(--ease-out-expo) both}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.member-welcome-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary-a10) 0%,rgba(251,146,60,.06) 100%);border:1.5px solid var(--primary-a12);border-radius:var(--radius);padding:16px 20px;margin-bottom:20px}.member-welcome-left{display:flex;align-items:center;gap:12px}.member-avatar{font-size:36px;line-height:1;filter:drop-shadow(0 2px 6px rgba(249,115,22,.2))}.member-greeting{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:2px;letter-spacing:.3px}.member-name{font-size:17px;font-weight:700;color:var(--primary)}.member-mypage-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--primary-a12);border:1px solid var(--primary-border);border-radius:100px;font-size:12px;font-weight:700;color:var(--primary-light);text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease}.member-mypage-btn:hover{background:var(--primary-a16);transform:translateY(-1px)}.home-hero{padding:24px 4px 32px;text-align:left}.home-hero-name{font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;font-size:36px;font-weight:700;color:var(--primary);margin-bottom:4px;line-height:1.2;letter-spacing:-.03em}.home-hero-greeting{font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;font-size:36px;font-weight:700;color:#171719;margin-bottom:4px;line-height:1.2;letter-spacing:-.03em}.home-hero-nim{font-size:20px;font-weight:500;margin-left:2px;color:#70737c;letter-spacing:0}.home-hero-phrase{font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;font-size:28px;font-weight:700;color:#171719;line-height:1.35;margin-bottom:20px;letter-spacing:-.025em}.home-hero-desc{font-size:15px;font-weight:400;color:#70737c;line-height:1.8;padding-top:16px;border-top:1px solid rgba(112,115,124,.16);padding-bottom:0}.test-select-section{margin-bottom:28px}.section-label{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px}.test-cards{display:flex;flex-direction:column;gap:16px}.test-section-label{font-size:13px;font-weight:700;color:#37383c;letter-spacing:-.01em;margin-bottom:14px}.test-card{background:#fff;border:1px solid rgba(112,115,124,.16);border-radius:20px;padding:0;margin-bottom:0;transition:border-color .25s,transform .25s,box-shadow .25s var(--ease-out-quint);position:relative;overflow:hidden;box-shadow:0 2px 8px #1717190a}.test-card:before{content:"";position:absolute;inset:0;background:var(--gradient-main);opacity:0;transition:opacity .25s ease}.test-card:hover{border-color:#f9731659;transform:translateY(-3px);box-shadow:0 10px 28px #17171914}.test-card:hover:before{opacity:.06}.test-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 24px #f9731633}.test-card.selected:before{opacity:.1}.test-card.coming-soon{opacity:.4;cursor:not-allowed}.test-card.coming-soon:hover{transform:none;box-shadow:none;border-color:var(--border)}.test-card-promo{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #17171938}.test-card-promo-trending{background:linear-gradient(135deg,#ef4444,#f97316)}.test-card-promo-recommended{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.test-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px 20px 0 0}.test-card-image img{width:100%;height:100%;object-fit:cover;display:block}.test-card-body{display:flex;flex-direction:column;align-items:stretch;padding:16px 18px 18px;position:relative;z-index:1;gap:14px}.test-card-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.test-card-left{display:flex;align-items:center;gap:14px}.test-card-emoji{font-size:36px;flex-shrink:0;width:90px;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.test-card-info{text-align:left;width:100%;min-width:0}.test-card-title{font-size:17px;font-weight:700;color:#171719;margin-bottom:5px;letter-spacing:-.022em}.test-card-desc{font-size:13px;color:#70737c;margin-bottom:8px;line-height:1.55}.test-card-meta{display:flex;gap:6px;font-size:11px;color:#70737c;margin-top:2px;flex-wrap:wrap}.test-card-meta span{background:#f7f7f8;border-radius:100px;padding:3px 10px;font-weight:600}.test-card-tags{display:flex;gap:6px;flex-wrap:wrap}.mini-tag{background:#f973161a;border:1px solid var(--border);border-radius:100px;padding:3px 10px;font-size:11px;color:var(--primary-light);font-weight:600}.hot-tag{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff8e53}.new-tag{background:#a78bfa33;border-color:#a78bfa66;color:var(--primary-light)}.test-card-arrow{font-size:20px;color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.test-card:hover .test-card-arrow{transform:translate(4px);color:var(--primary-light)}.home-branding-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px 28px;margin:12px 0 4px;gap:6px;border-top:1px solid rgba(112,115,124,.14)}.home-branding-symbol{width:100px;height:100px;object-fit:contain;opacity:.88;margin-bottom:10px;display:block}.home-branding-tagline{font-size:14px;font-weight:600;color:#70737c;margin:0 0 2px}.login-section{margin-bottom:16px}.social-login-btns{display:flex;flex-direction:column;gap:10px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:100px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:transform .25s,box-shadow .25s var(--ease-out-quint);font-family:inherit;width:100%}.btn-kakao-login{background:var(--color-kakao);color:var(--color-kakao-text);box-shadow:0 4px 16px #fee50040}.btn-kakao-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fee50059}.btn-naver-login{background:var(--color-naver);color:#fff;box-shadow:0 4px 16px #03c75a40}.btn-naver-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #03c75a59}.social-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-google-login{background:var(--color-google-bg);color:var(--color-google-text);box-shadow:0 4px 16px #0000001f}.btn-google-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.btn-apple-login{background:var(--color-apple);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #00000040}.btn-apple-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.login-skip{text-align:center;margin-top:16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:color .2s}.login-skip:hover{color:var(--primary-light)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;width:100%;max-width:400px;box-shadow:0 24px 48px #f973161f,0 8px 24px #0000001a;text-align:center;animation:slideIn .3s var(--ease-out-quint)}.modal-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.modal-desc{font-size:14px;color:var(--text-muted);margin-bottom:20px}.modal-cancel{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;margin-top:14px;font-family:inherit;text-decoration:underline}.register-wrap{text-align:center;padding:48px 0}.register-emoji{font-size:64px;display:block;margin-bottom:16px;animation:floatEmoji 3s ease-in-out infinite}.register-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:8px}.register-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px;line-height:1.6}.provider-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:700;margin-bottom:28px}.provider-badge.kakao{background:var(--color-kakao);color:var(--color-kakao-text)}.provider-badge.naver{background:var(--color-naver);color:#fff}.provider-badge.google{background:var(--color-google-bg);color:var(--color-google-text)}.provider-badge.apple{background:var(--color-apple);color:#fff;border:1px solid rgba(255,255,255,.2)}.benefit-list{background:#f973160d;border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:24px;text-align:left}.benefit-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);padding:6px 0}.benefit-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.06)}.signup-nudge{background:linear-gradient(135deg,var(--primary-a08) 0%,rgba(251,146,60,.05) 100%);border:1.5px solid var(--primary-border);border-radius:var(--radius);padding:24px;text-align:center;margin-top:8px;margin-bottom:24px}.nudge-emoji{font-size:40px;display:block;margin-bottom:10px}.nudge-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:8px}.nudge-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.nudge-btns{display:flex;flex-direction:column;gap:8px}.personality-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.personality-row{margin-bottom:18px}.personality-row:last-child{margin-bottom:0}.personality-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.personality-icon{font-size:16px}.personality-dim{font-size:13px;font-weight:700;color:var(--text)}.personality-label{font-size:11px;font-weight:700;padding:2px 10px;border-radius:100px}.label-high{background:#f9731626;color:var(--primary-dark)}.label-low{background:#0000000f;color:var(--text-muted)}.personality-score{margin-left:auto;font-size:13px;font-weight:700;color:var(--primary-light)}.personality-track-wrap{display:flex;align-items:center;gap:8px}.track-end-label{font-size:10px;color:var(--text-muted);white-space:nowrap;min-width:36px}.track-end-label:last-child{text-align:right}.personality-track{flex:1;height:8px;background:#00000012;border-radius:100px;overflow:hidden}.personality-fill{height:100%;border-radius:100px;transition:width 1s var(--ease-out-quint);min-width:4px}.login-badge-wrap{text-align:center;margin-bottom:16px}.login-status-badge{display:inline-flex;align-items:center;gap:6px;background:#f973161a;border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:12px;color:var(--primary-light);font-weight:600}.test-page-title{font-size:13px;font-weight:700;color:var(--primary-light);text-align:center;margin-bottom:20px;letter-spacing:.5px}.mbti-result-card{background:#fff;border:1.5px solid rgba(112,115,124,.18);border-radius:20px;padding:24px 20px 20px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 2px 12px #1717190f}.mbti-result-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#70737c;margin-bottom:12px;text-transform:uppercase}.mbti-result-code{font-size:52px;font-weight:900;letter-spacing:.06em;line-height:1;margin-bottom:8px}.mbti-result-emoji{font-size:52px;display:block;margin-bottom:8px;animation:floatEmoji 3s ease-in-out infinite}.mbti-result-name{font-size:20px;font-weight:700;color:#171719;margin-bottom:4px;letter-spacing:-.02em}.mbti-result-tagline{font-size:13px;color:#70737c;font-style:italic;line-height:1.6;margin-bottom:20px}.mbti-axis-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;text-align:left}.mbti-axis-row{display:flex;align-items:center;gap:10px}.mbti-axis-row--dual{gap:6px}.mbti-axis-side-label{display:flex;flex-direction:column;align-items:center;min-width:42px;gap:1px;opacity:.45;transition:opacity .2s}.mbti-axis-side-label--left{align-items:flex-end;text-align:right}.mbti-axis-side-label--right{align-items:flex-start;text-align:left}.mbti-axis-side-label--dominant{opacity:1}.mbti-axis-side-label strong{font-size:13px;font-weight:900;color:var(--text);line-height:1}.mbti-axis-side-sub{font-size:9px;color:var(--text-muted);white-space:nowrap}.mbti-axis-side-pct{font-size:10px;font-weight:700;color:var(--primary-light)}.mbti-axis-track--dual{position:relative;display:flex;justify-content:center;align-items:center;background:#0000000f;border-radius:100px;overflow:hidden;height:8px}.mbti-axis-fill--left{position:absolute;left:0;top:0;height:100%;border-radius:0 100px 100px 0;transition:width 1s var(--ease-out-quint)}.mbti-axis-fill--right{position:absolute;right:0;top:0;height:100%;border-radius:100px 0 0 100px;transition:width 1s var(--ease-out-quint)}.mbti-axis-track--dual:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:#fff9;z-index:2}.mbti-octagon-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0 16px;width:100%}.mbti-octagon-svg{width:100%;height:auto}.mbti-octagon-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.mbti-octagon-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-weight:500}.mbti-axis-pair{font-size:10px;font-weight:700;color:var(--text-muted);min-width:28px;letter-spacing:.5px}.mbti-axis-track{flex:1;height:7px;background:#00000014;border-radius:100px;overflow:hidden}.mbti-axis-fill{height:100%;border-radius:100px;transition:width 1s var(--ease-out-quint);min-width:4px}.mbti-axis-label{font-size:12px;color:var(--text-muted);min-width:120px;text-align:right;white-space:nowrap}.mbti-axis-label strong{color:var(--text);font-weight:800}.mbti-desc{font-size:13px;color:var(--text-muted);line-height:1.7;background:#ffffff0a;border-radius:10px;padding:12px 14px;text-align:left}.mbti-famous{font-size:12px;color:var(--text-muted);background:#ffffff0d;border-radius:8px;padding:8px 12px;line-height:1.5}.mbti-dist-section{margin-top:40px;margin-bottom:20px}.mbti-dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mbti-dist-box{background:#fff;border:1px solid rgba(112,115,124,.16);border-radius:14px;padding:10px 4px 8px;text-align:center;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px #1717190a}.mbti-dist-box--me{background:#fff7ed;border-color:var(--primary)!important;box-shadow:0 0 0 3px #f973161a}.mbti-dist-me-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:9px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;white-space:nowrap}.mbti-dist-emoji{font-size:18px;display:block;margin-bottom:2px;line-height:1.2}.mbti-dist-code{font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:1px;line-height:1.2;color:#37383c}.mbti-dist-name{font-size:9px;color:#70737c;margin-bottom:3px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbti-dist-pct{font-size:11px;font-weight:700;color:var(--primary)}.global-stat-note{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-a10);border:1px solid var(--primary-a12);border-radius:100px;padding:2px 10px;vertical-align:middle}.history-section{margin-top:20px}.history-grid{display:flex;flex-wrap:wrap;gap:10px}.history-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;height:72px;background:var(--bg);border:1.5px solid;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s var(--ease-out-quint);font-family:inherit;padding:0;box-shadow:0 1px 4px #0000000f}.history-chip:hover{background:#fff7ed;transform:translateY(-3px) scale(1.06);box-shadow:0 6px 20px #f9731633}.history-chip-emoji{font-size:24px;line-height:1}.history-chip-label{font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap}.situation-section{margin-top:40px}.situation-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}.situation-carousel::-webkit-scrollbar{display:none}.sc-card{flex:0 0 200px;scroll-snap-align:start;background:#fff;border:1px solid rgba(112,115,124,.16);border-radius:20px;padding:20px 16px 16px;box-shadow:0 2px 8px #1717190d;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.sc-card--done{border-color:#f9731640}.sc-card--locked{opacity:.64;filter:grayscale(.3)}.sc-theme-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.sc-result-emoji{font-size:44px;line-height:1.1;margin:4px 0;animation:floatEmoji 3s ease-in-out infinite}.sc-title{font-size:14px;font-weight:800;color:var(--text);line-height:1.4}.sc-subtitle{font-size:11px;color:var(--text-muted);line-height:1.4}.sc-mbti{font-size:20px;font-weight:900;letter-spacing:3px;color:var(--primary);margin-top:6px}.sc-previous{margin-top:auto;padding-top:8px;border-top:1px solid var(--border);width:100%;font-size:11px;color:var(--text-muted);line-height:1.6;text-align:center}.sc-previous-label{font-weight:700;color:var(--text-muted)}.sc-lock-emoji{font-size:36px;margin-bottom:4px}.sc-lock-theme{font-size:14px;font-weight:800;color:var(--text)}.sc-lock-desc{font-size:12px;color:var(--text-muted)}.sc-lock-btn{margin-top:10px;padding:9px 18px;background:var(--gradient-main);color:#fff;border:none;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s}.sc-lock-btn:hover{opacity:.85}.history-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:0 24px 48px #f973161f,0 8px 24px #0000001a;overflow:hidden;animation:slideIn .3s var(--ease-out-quint);position:relative}.popup-close-btn{position:absolute;top:12px;right:12px;background:#0000000f;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s ease,color .2s ease;font-family:inherit}.popup-close-btn:hover{background:#0000001f;color:var(--text)}.popup-header{padding:32px 24px 24px;text-align:center;position:relative}.popup-category{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.popup-emoji{font-size:64px;display:block;margin-bottom:10px;animation:floatEmoji 3s ease-in-out infinite}.popup-name{font-size:20px;font-weight:800;color:var(--primary-dark);margin-bottom:4px}.popup-eng{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted)}.popup-body{padding:20px 24px 24px}.popup-keywords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.popup-desc{font-size:13px;color:var(--text-muted);text-align:center;line-height:1.6;margin-bottom:12px;font-style:italic}.popup-date{font-size:11px;color:var(--text-muted);text-align:center;opacity:.7}@media(min-width:480px){.container{padding:40px 24px}.home-title{font-size:34px}.question-text{font-size:22px}.share-card-type{font-size:32px}}@media(max-width:480px){.bg-blob{filter:blur(60px)}.bg-blob-3{display:none}}@media(max-width:360px){.card{padding:24px 20px}.home-title{font-size:26px}.question-text{font-size:18px}.home-logo{font-size:48px}.share-card-emoji{font-size:64px}.share-card-type{font-size:22px}.social-row-2{grid-template-columns:1fr}}.register-card{background:var(--bg);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);padding:36px 28px;text-align:center;box-shadow:0 2px 12px #0000000f}.register-provider-icon{font-size:48px;margin-bottom:12px}.register-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-register{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:100px;border:none;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s;position:relative}.btn-register.btn-google{background:var(--color-google-bg);color:var(--color-google-text);box-shadow:0 4px 16px #0000001f}.btn-register.btn-google:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.btn-register.btn-kakao{background:var(--color-kakao);color:var(--color-kakao-text);box-shadow:0 4px 16px #fee50040}.btn-register.btn-naver{background:var(--color-naver);color:#fff;box-shadow:0 4px 16px #03c75a33}.btn-register.btn-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(40%)}.btn-register.btn-disabled:hover{transform:none;box-shadow:none}.coming-soon-badge{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:#0000002e;color:inherit;font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px;letter-spacing:.03em}.register-skip{font-size:13px;color:var(--text-muted);cursor:pointer;margin-top:8px;text-decoration:underline;text-underline-offset:3px;background:none;border:none;padding:0;font-family:inherit}.btn-start{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:100px;border:none;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:0;width:100%;transition:opacity .2s,transform .2s,box-shadow .2s;letter-spacing:.01em;box-shadow:0 4px 14px #1717191f}.btn-start:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #17171929}.btn-back{display:inline-flex;align-items:center;gap:4px;padding:6px 4px;min-height:44px;border:none;background:transparent;color:#70737c;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:color .2s ease,transform .2s ease}.btn-back:hover{color:#171719;transform:translate(-2px)}.btn-back:active{transform:translate(0)}.btn-logout{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:100px;border:1.5px solid rgba(112,115,124,.22);background:transparent;color:#70737c;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease;margin-top:20px}.btn-logout:hover{background:#f7f7f8;transform:translateY(-1px)}.btn-logout:active{transform:translateY(0) scale(.97)}.user-welcome-card .btn-logout{width:auto;padding:6px 12px;border-radius:100px;font-size:12px;margin-top:0}.danger-zone{margin-top:32px;padding-top:20px;border-top:1px dashed rgba(112,115,124,.18)}.danger-zone-title{font-size:13px;font-weight:600;color:#70737c;margin:0 0 12px;text-align:center}.danger-zone-note{font-size:11px;color:#9ca3af;text-align:center;margin:10px 0 0;line-height:1.5}.btn-danger-soft{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:100px;border:1.5px solid rgba(239,68,68,.32);background:transparent;color:#dc2626;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.btn-danger-soft:hover{background:#ef44440f;border-color:#ef444480;transform:translateY(-1px)}.btn-danger-soft:active{transform:translateY(0) scale(.97)}.btn-danger-strong{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:100px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:10px;box-shadow:0 2px 12px #dc26262e}.btn-danger-strong:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #dc26263d}.btn-danger-strong:active{transform:translateY(0) scale(.97)}.btn-start-test{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;border-radius:100px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px #f973161f}.btn-start-test:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px #f9731624}.btn-start-test:active{transform:translateY(0) scale(.98);opacity:1}.guest-notice{margin-top:12px;font-size:13px;color:var(--text-muted);text-align:center}.guest-login-section{margin-top:20px;text-align:center}.guest-login-desc{font-size:13px;color:var(--text-muted);margin-bottom:12px}.user-welcome-section{margin-bottom:16px}.user-welcome-card{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-a08) 0%,rgba(251,146,60,.05) 100%);border:1.5px solid var(--primary-a12);border-radius:var(--radius-sm);padding:10px 16px}.user-avatar{font-size:22px;line-height:1;flex-shrink:0}.user-welcome-text{font-size:13px;color:var(--text);flex:1;min-width:0}.user-actions{display:flex;flex-direction:row;gap:6px;flex-shrink:0}.share-btns{display:flex;flex-direction:column;gap:10px;margin-top:24px}.result-detail-card{background:#fff;border:1px solid rgba(112,115,124,.16);border-radius:20px;padding:20px;margin-top:14px;margin-bottom:8px;box-shadow:0 1px 8px #1717190a}.result-section-title{font-size:13px;font-weight:700;color:#70737c;letter-spacing:.02em;margin-bottom:12px}.result-toptraits-section{background:#f7f7f8;border:none;border-radius:16px;padding:16px 18px;margin:10px 0 4px}.result-toptraits-list{list-style:none;display:flex;flex-direction:column;gap:10px}.result-toptraits-item{display:flex;align-items:flex-start;gap:10px}.result-toptraits-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--gradient-main);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.result-toptraits-text{font-size:13px;color:#37383c;line-height:1.6}.result-warnings-section{background:#fff7f7;border:1px solid rgba(239,68,68,.12);border-radius:16px;padding:16px 18px;margin:4px 0}.result-warnings-list{list-style:none;display:flex;flex-direction:column;gap:10px}.result-warnings-item{display:flex;align-items:flex-start;gap:10px}.result-warnings-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--color-danger));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.result-warnings-text{font-size:13px;color:#37383c;line-height:1.6}.result-famous-section{background:#fffbf0;border:1px solid rgba(245,158,11,.18);border-radius:16px;padding:16px 18px;margin:4px 0}.result-famous-list{display:flex;flex-wrap:wrap;gap:8px}.result-famous-chip{display:inline-block;background:#f59e0b1a;border:1px solid rgba(245,158,11,.22);color:#37383c;font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px;line-height:1.4}.result-match-section{display:flex;flex-direction:column;gap:10px;margin:10px 0 4px}.result-match-card{border-radius:16px;padding:16px 18px}.result-match-best{background:#f0fdf4;border:1px solid rgba(34,197,94,.2)}.result-match-worst{background:#fff7f7;border:1px solid rgba(239,68,68,.16)}.result-match-label{font-size:11px;font-weight:700;color:#70737c;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase}.result-match-type{font-size:20px;font-weight:800;color:#171719;line-height:1.3;margin-bottom:10px;letter-spacing:-.024em}.result-match-text{font-size:13px;font-weight:400;color:#70737c;line-height:1.7;border-top:1px solid rgba(112,115,124,.12);padding-top:10px}.result-header{text-align:left;margin-bottom:14px}.test-type-label{display:inline-block;background:var(--gradient-main);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 16px;border-radius:100px}.result-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.btn-retry{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:100px;border:1.5px solid rgba(112,115,124,.22);background:transparent;color:#70737c;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-retry:hover{background:#f7f7f8;transform:translateY(-1px)}.btn-retry:active{transform:translateY(0) scale(.97)}.result-actions-wrap{display:flex;flex-direction:column;gap:10px;margin-top:16px}.btn-mypage{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:100px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .25s,box-shadow .25s var(--ease-out-quint);box-shadow:0 4px 20px #f973161f}.btn-mypage:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731624}.btn-mypage:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #f973161f}.result-login-nudge{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.result-action-section{margin-top:12px}.btn-result-login{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:100px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .25s,box-shadow .25s var(--ease-out-quint);box-shadow:0 4px 20px #f973161f}.btn-result-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731624}.btn-result-login:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #f973161f}.btn-login-main{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #f9731633;border:none;font-size:15px;font-weight:700}.btn-login-main:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731624}.btn-login-main:active{transform:translateY(0) scale(.97);box-shadow:0 2px 10px #f973161f}.share-section{margin-top:20px;margin-bottom:4px}.share-section-label{font-size:12px;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.share-icon-grid{display:flex;flex-direction:column;gap:14px}.share-icon-row{display:flex;justify-content:center;gap:20px}.share-icon-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;transition:transform .2s var(--ease-out-quint),box-shadow .2s var(--ease-out-quint);padding:0;flex-shrink:0}.share-icon-btn:hover{transform:translateY(-3px) scale(1.08)}.share-icon-btn:active{transform:translateY(-1px) scale(1.02)}.share-icon-label,.share-icon-wrap{display:none}.share-icon-btn--kakao{background:var(--color-kakao);color:var(--color-kakao-text);box-shadow:0 4px 12px #fee50059}.share-icon-btn--facebook{background:#1877f2;color:#fff;box-shadow:0 4px 12px #1877f259}.share-icon-btn--instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;box-shadow:0 4px 12px #d6249f59}.share-icon-btn--whatsapp{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d36659}.share-icon-btn--twitter{background:#000;color:#fff;box-shadow:0 4px 12px #0000004d}.share-icon-btn--copy{background:#f8f9fa;color:var(--text);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000014}.share-section{padding-bottom:8px}.login-modal-box{background:var(--bg);border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:32px 24px 28px;width:100%;max-width:380px;box-shadow:0 24px 64px #0003;position:relative;animation:slideIn .3s var(--ease-out-quint)}.login-modal-close{position:absolute;top:16px;right:16px;background:#0000000f;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.login-modal-close:hover{background:#0000001a;color:var(--text)}.login-modal-header{text-align:center;margin-bottom:24px}.login-modal-emoji{font-size:40px;display:block;margin-bottom:10px}.login-modal-title{font-size:20px;font-weight:800;color:var(--text);line-height:1.35;margin-bottom:8px}.login-modal-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.login-modal-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.login-modal-btn{display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:100px;border:none;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s var(--ease-out-quint);width:100%}.login-modal-btn:hover{transform:translateY(-2px)}.login-modal-btn:active{transform:translateY(0) scale(.98)}.login-modal-btn--kakao{background:var(--color-kakao);color:var(--color-kakao-text);box-shadow:0 4px 14px #fee5004d}.login-modal-btn--kakao:hover{box-shadow:0 8px 22px #fee50066}.login-modal-btn--naver{background:var(--color-naver);color:#fff;box-shadow:0 4px 14px #03c75a4d}.login-modal-btn--naver:hover{box-shadow:0 8px 22px #03c75a66}.login-modal-btn--google{background:var(--color-google-bg);color:var(--color-google-text);box-shadow:0 4px 14px #0000001f}.login-modal-btn--google:hover{box-shadow:0 8px 22px #0000002e}.login-modal-btn--apple{background:var(--color-apple);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px #0000004d}.login-modal-btn--apple:hover{box-shadow:0 8px 22px #0006}.login-modal-btn--facebook{background:#1877f2;color:#fff;box-shadow:0 4px 14px #1877f24d}.login-modal-btn--facebook:hover{box-shadow:0 8px 22px #1877f266}.login-modal-skip{display:block;width:100%;background:none;border:none;color:var(--text-muted);font-size:13px;font-family:inherit;cursor:pointer;text-decoration:underline;text-align:center;padding:4px 0;transition:color .2s}.login-modal-skip:hover{color:var(--text)}.login-modal-skip:disabled{opacity:.5;cursor:not-allowed}.login-modal-btn:disabled{opacity:.65;cursor:not-allowed}.login-modal-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;text-align:center;margin-bottom:4px;line-height:1.5}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.login-spinner--dark{border-color:#00000026;border-top-color:#555}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:visible}.navbar-inner{max-width:480px;margin:0 auto;padding:0 10px;height:56px;display:flex;align-items:center;justify-content:space-between;overflow:visible}.navbar-logo{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;overflow:visible}.navbar-logo-img{height:96px;width:auto;max-width:200px;display:block;object-fit:contain}.navbar-right{display:flex;align-items:center;gap:8px}.navbar-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.navbar-icon-btn:hover{background:#0000000d;color:var(--text)}.navbar-profile-btn{background:none;border:none;cursor:pointer;padding:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s,box-shadow .2s}.navbar-profile-btn:hover{transform:scale(1.05);box-shadow:0 0 0 3px #f9731633;border-radius:50%}.navbar-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.navbar-avatar-default{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f97316,#fb923c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border:2px solid rgba(249,115,22,.14)}.drawer-root{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:150}.drawer-root--open{pointer-events:auto}.drawer-overlay{position:absolute;inset:0;background:#0006;z-index:1;pointer-events:auto;animation:fadeIn .2s ease}.drawer{position:absolute;top:0;right:max(0px,calc(50vw - 240px));bottom:0;width:300px;max-width:min(85vw,480px);background:var(--bg);border-left:1px solid rgba(0,0,0,.08);z-index:2;display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .28s var(--ease-out-quint);padding:24px 20px 32px;box-shadow:-4px 0 24px #0000001a;pointer-events:auto}.drawer--open{transform:translate(0)}.drawer-close{position:absolute;top:16px;right:16px;background:#0000000f;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.drawer-close:hover{background:#0000001a;color:var(--text)}.drawer-profile{padding-top:40px;text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.drawer-avatar{width:64px;height:64px;border-radius:50%;background:#f973161a;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 12px}.drawer-avatar--guest{background:#0000000a}.drawer-username{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-usersub{font-size:13px;color:var(--text-muted);margin-bottom:8px}.drawer-provider-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}.drawer-provider-icon{width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.drawer-provider-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.drawer-user-btns{display:flex;gap:8px;justify-content:center}.drawer-btn{padding:9px 18px;border-radius:100px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .2s,background .2s;border:none}.drawer-btn--primary{background:var(--gradient-main);color:#fff;width:100%;box-shadow:0 4px 16px #f973164d}.drawer-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.drawer-btn--outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.drawer-btn--outline:hover{background:#0000000a}.drawer-btn--ghost{background:transparent;color:var(--text-muted)}.drawer-btn--ghost:hover{color:var(--text)}.drawer-divider{height:1px;background:var(--border);margin:16px 0}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-nav-item{display:flex;align-items:center;gap:12px;padding:12px;min-height:44px;border-radius:10px;color:var(--text);font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,transform .12s var(--ease-out-quint)}.drawer-nav-item:hover{background:#0000000a}.drawer-nav-item:active{background:#00000014;transform:scale(.98)}.drawer-nav-icon{font-size:18px;width:24px;text-align:center}.drawer-footer{margin-top:auto;padding-top:8px}.drawer-company{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:4px}.drawer-copyright{font-size:11px;color:#6b728099;margin-bottom:12px}.drawer-policy-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}.drawer-policy-btn{background:none;border:none;color:var(--text-muted);font-size:12px;font-family:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s,transform .12s var(--ease-out-quint)}.drawer-policy-btn:hover{color:var(--text)}.drawer-policy-btn:active{color:var(--primary);transform:scale(.96)}.drawer-policy-sep{color:#6b728066;font-size:12px}.drawer-contact-btn-wrap{text-align:center}.drawer-contact-btn{display:inline-block;padding:11px 28px;border-radius:100px;background:transparent;border:1.5px solid var(--border);color:var(--text);font-size:14px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;width:100%;text-align:center}.drawer-contact-btn:hover{background:#ffffff12}.policy-modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #f973161f,0 8px 24px #0000001a;animation:slideIn .3s var(--ease-out-quint)}.policy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.policy-modal-title{font-size:17px;font-weight:800;color:var(--text)}.policy-modal-body{overflow-y:auto;padding:20px 24px;flex:1}.policy-modal-text{font-size:13px;color:var(--text-muted);line-height:1.8;white-space:pre-wrap;font-family:inherit}.navbar-spacer{height:56px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:stretch;justify-content:center}.bottom-nav-inner{max-width:480px;width:100%;display:flex;align-items:stretch}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;padding:6px 0 8px;font-family:inherit;transition:color .2s;color:var(--text-muted);position:relative}.bottom-nav-tab.active{color:var(--primary)}.bottom-nav-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--gradient-main);border-radius:0 0 4px 4px}.bottom-nav-icon{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .2s}.bottom-nav-tab.active .bottom-nav-icon{transform:translateY(-1px)}.bottom-nav-label{font-size:10px;font-weight:700;letter-spacing:.2px}.bottom-nav-spacer{height:calc(62px + env(safe-area-inset-bottom))}.drawer-avatar-wrap{position:relative;display:inline-block;cursor:pointer;margin:0 auto 12px}.drawer-avatar-wrap .drawer-avatar{margin:0;transition:opacity .2s}.drawer-avatar-wrap:hover .drawer-avatar{opacity:.85}.drawer-avatar-edit-icon{position:absolute;bottom:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid #fff;box-shadow:0 2px 6px #f973162e}.drawer-edit-name-wrap{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.drawer-edit-name-input{width:100%;padding:9px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:16px;font-family:inherit;background:#fafafa;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;text-align:center}.drawer-edit-name-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #f973161f}.drawer-edit-name-btns{display:flex;gap:8px;width:100%}.drawer-edit-save-btn{flex:1;padding:9px 0;border-radius:10px;border:none;background:var(--gradient-main);color:#fff;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .12s var(--ease-out-quint)}.drawer-edit-save-btn:hover{opacity:.9}.drawer-edit-save-btn:active{transform:scale(.97);opacity:1}.drawer-edit-save-btn:disabled{opacity:.6;cursor:default}.drawer-edit-cancel-btn{flex:1;padding:9px 0;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .12s var(--ease-out-quint)}.drawer-edit-cancel-btn:hover{background:#0000000a}.drawer-edit-cancel-btn:active{background:#00000014;transform:scale(.97)}.mypage-guest-wrap{display:flex;flex-direction:column;align-items:center;padding:32px 8px 24px;text-align:center}.mypage-guest-icon{font-size:72px;margin-top:16px;margin-bottom:8px;display:flex;justify-content:center;align-items:center;width:100%;animation:guestIconFloat 3s ease-in-out infinite alternate}@keyframes guestIconFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.mypage-guest-title{font-size:24px;font-weight:900;color:var(--text);line-height:1.4;margin-bottom:14px;letter-spacing:-.5px}.mypage-guest-desc{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:28px}.mypage-guest-features{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.mypage-guest-feature{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;text-align:left}.mypage-guest-feature-icon{font-size:28px;flex-shrink:0}.mypage-guest-feature-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.mypage-guest-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.mypage-guest-login-btn{width:100%;max-width:320px;padding:16px 24px!important;font-size:16px!important;border-radius:16px!important;margin-bottom:14px}.mypage-guest-notice{font-size:13px;color:var(--text-muted)}.profile-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.profile-modal-sheet{background:var(--bg);border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:24px 24px 40px;animation:slideUp .3s var(--ease-out-quint)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.profile-modal-handle{width:40px;height:4px;background:#00000026;border-radius:100px;margin:0 auto 20px}.profile-modal-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px}.profile-modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px}.profile-modal-avatar-wrap{display:flex;justify-content:center;margin-bottom:24px}.profile-modal-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border)}.profile-modal-avatar-default{width:80px;height:80px;border-radius:50%;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;font-size:36px;border:3px solid rgba(249,115,22,.2)}.profile-modal-actions{display:flex;flex-direction:column;gap:10px}.profile-modal-action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-sm);background:#f8f9fa;border:1px solid rgba(0,0,0,.07);cursor:pointer;font-size:15px;font-weight:600;color:var(--text);font-family:inherit;transition:background .2s;text-align:left}.profile-modal-action-btn:hover{background:#f1f3f5}.profile-modal-action-btn.danger{color:var(--color-danger)}.profile-modal-close-btn{margin-top:8px;width:100%;padding:14px;background:none;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:15px;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:background .2s}.profile-modal-close-btn:hover{background:#0000000a}.policy-page-wrap{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:32px 24px 64px;min-height:100vh}.policy-page-header{margin-bottom:32px}.policy-back-btn{background:none;border:none;color:var(--primary-light);font-size:14px;font-family:inherit;cursor:pointer;padding:0;margin-bottom:16px;display:inline-block;transition:color .2s}.policy-back-btn:hover{color:var(--text)}.policy-page-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px}.policy-page-date{font-size:13px;color:var(--text-muted)}.policy-page-body{display:flex;flex-direction:column;gap:20px}.policy-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 22px}.policy-section h2{font-size:15px;font-weight:700;color:var(--primary-light);margin-bottom:10px}.policy-section p{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:8px}.policy-section p:last-child{margin-bottom:0}.policy-section ul{padding-left:18px;display:flex;flex-direction:column;gap:6px}.policy-section li{font-size:14px;color:var(--text-muted);line-height:1.7}.policy-contact-box{background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:10px;padding:14px 18px;margin:12px 0;display:flex;flex-direction:column;gap:4px}.policy-contact-box p,.policy-contact-box code{font-size:13px;color:var(--text-muted);line-height:1.7}.policy-contact-box code{font-family:Courier New,monospace;color:var(--primary-light);word-break:break-all}.policy-email-btn{display:inline-block;padding:11px 22px;border-radius:100px;background:var(--gradient-main);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;margin-top:4px}.policy-email-btn:hover{opacity:.9;transform:translateY(-1px)}.contact-form{display:flex;flex-direction:column;gap:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:22px}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-label{font-size:14px;font-weight:700;color:var(--text)}.contact-required{color:#ef4444;margin-left:2px}.contact-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.contact-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #7c3aed2e}.contact-textarea{resize:vertical;min-height:140px}.contact-help{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.contact-status{padding:12px 14px;border-radius:10px;font-size:13.5px;line-height:1.6}.contact-status--success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981}.contact-status--error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444}.contact-submit-btn{display:inline-block;padding:13px 22px;border-radius:100px;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;border:none;cursor:pointer;transition:opacity .2s,transform .2s}.contact-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-overlay{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:199;display:flex;align-items:center;justify-content:center;background:var(--bg)}.loading-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;width:100%;max-width:340px;text-align:center}.loading-orb{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:orbSpin 1.4s ease-in-out infinite;box-shadow:0 0 40px #f9731659,0 0 80px #fb923c2e;position:relative;z-index:2}@keyframes orbSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}.loading-emoji-spin{font-size:36px;animation:emojiPop .3s ease}@keyframes emojiPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.loading-ripple{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid;animation:rippleOut 1.8s ease-out infinite;z-index:1}.loading-ripple-2{animation-delay:.9s}@keyframes rippleOut{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.loading-label{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:-8px}.loading-msg{font-size:16px;font-weight:600;color:var(--text);min-height:26px;animation:msgFade .4s ease}@keyframes msgFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-progress-wrap{width:100%;height:6px;background:#00000014;border-radius:100px;overflow:hidden}.loading-progress-fill{height:100%;width:100%;border-radius:100px;transform-origin:left;transform:scaleX(0);transition:transform .08s linear}.loading-progress-pct{font-size:12px;font-weight:700;color:var(--primary-light);margin-top:-8px}.loading-star{position:absolute;font-size:12px;color:var(--primary-light);opacity:0;animation:starFloat 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}.loading-star:nth-child(1){top:10%;left:10%}.loading-star:nth-child(2){top:15%;right:12%}.loading-star:nth-child(3){bottom:20%;left:8%}.loading-star:nth-child(4){bottom:15%;right:10%}.loading-star:nth-child(5){top:40%;left:5%}.loading-star:nth-child(6){top:35%;right:6%}@keyframes starFloat{0%{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.8;transform:translateY(-14px) scale(1.2)}to{opacity:0;transform:translateY(-28px) scale(.8)}}.ad-banner-wrap{width:100%;background:#00000005;border:1px dashed rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:8px 0 4px;margin:16px 0;min-height:100px;display:flex;flex-direction:column;align-items:center}.ad-label{font-size:10px;font-weight:600;letter-spacing:1px;color:#0003;text-transform:uppercase;margin-bottom:4px;align-self:flex-end;padding-right:10px}.kakao-ad-wrap{width:100%;display:flex;flex-direction:column;align-items:center;margin:16px 0}.kakao-ad-wrap .kakao_ad_area{margin:0 auto}.sticky-bottom-ad{position:fixed;left:50%;transform:translate(-50%);bottom:calc(78px + env(safe-area-inset-bottom));z-index:99;width:320px;background:#fff;box-shadow:0 -3px 14px #00000014}.sticky-bottom-ad .kakao-ad-wrap{margin:0}.opening-container{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:0 20px 88px;display:flex;flex-direction:column;align-items:center;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.opening-wrap{padding:24px 0 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.opening-image-wrap{width:100%;max-width:440px;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 12px #1717190f,0 2px 4px #1717190a;margin-bottom:24px;aspect-ratio:16 / 9}.opening-image{width:100%;height:100%;display:block;object-fit:cover}.opening-title{font-size:28px;font-weight:700;text-align:center;color:#171719;margin-bottom:12px;line-height:1.36;letter-spacing:-.024em}.opening-hook{font-size:16px;font-weight:500;color:#37383c;text-align:center;white-space:pre-line;line-height:1.75;margin-bottom:20px;padding:0 4px}.opening-meta{display:flex;gap:8px;justify-content:center;margin-bottom:28px;flex-wrap:nowrap;align-items:center}.opening-meta span{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:999px;background:#f7f7f8;font-size:12px;font-weight:600;color:#171719;white-space:nowrap}.opening-nickname-wrap{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.opening-nickname-label{font-size:17px;font-weight:600;color:#171719;letter-spacing:-.008em}.opening-nickname-input{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(112,115,124,.22);background:#fff;color:#171719;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.opening-nickname-input::placeholder{color:#989ba2;font-size:15px}.opening-nickname-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161f}.opening-nickname-input.input-error{border-color:#ff4242}.opening-nickname-error{font-size:12px;font-weight:600;color:#ff4242;letter-spacing:.01em}.opening-nickname-hint{font-size:11px;font-weight:500;color:#989ba2;letter-spacing:.01em}.btn-opening-start{width:100%;padding:16px;border:none;border-radius:100px;color:#fff;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s cubic-bezier(.34,1.56,.64,1);letter-spacing:-.01em;box-shadow:0 4px 16px #1717191f;margin-bottom:12px}.btn-opening-start:hover{opacity:.92;transform:translateY(-2px)}.btn-opening-start:active{transform:translateY(0) scale(.99)}.opening-content-card{width:100%;margin:8px 0 16px;padding:20px;border:1px solid color-mix(in srgb,var(--opening-content-accent, var(--primary)) 22%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--opening-content-accent, var(--primary)) 8%,#fff 92%),#fff);box-shadow:0 4px 14px #1717190d;text-align:left}.opening-content-title{margin:0 0 10px;color:var(--opening-content-accent, var(--primary));font-size:18px;font-weight:800;line-height:1.35;letter-spacing:0}.opening-content-intro{margin:0 0 18px;color:#37383c;font-size:14px;font-weight:500;line-height:1.78;letter-spacing:0}.opening-content-section+.opening-content-section{margin-top:16px}.opening-content-subtitle{margin:0 0 8px;color:#171719;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:0}.opening-content-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.opening-content-list li{position:relative;padding-left:16px;color:#4b4d54;font-size:13px;font-weight:500;line-height:1.65;letter-spacing:0}.opening-content-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:999px;background:var(--opening-content-accent, var(--primary))}.opening-content-preview{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--opening-content-accent, var(--primary)) 10%,#fff 90%);color:#2f3035;font-size:13px;font-weight:700;line-height:1.65;letter-spacing:0}.opening-info-card{width:100%;margin:4px 0 16px;padding:18px 20px;border-radius:16px;border:1px solid transparent;text-align:center}.opening-info-title{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.opening-info-body{font-size:13px;font-weight:500;color:#37383c;line-height:1.7;white-space:pre-line;letter-spacing:-.005em}.btn-opening-back{background:none;border:none;color:#70737c;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;padding:8px;transition:color .2s}.btn-opening-back:hover{color:#171719}.community-wrap{padding:20px 0 16px;width:100%;align-self:flex-start}.community-header{text-align:center;margin-bottom:28px}.community-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px}.community-sub{font-size:14px;color:var(--text-muted)}.community-coming-soon{text-align:center;padding:32px 0 16px}.community-coming-icon{font-size:72px;margin-bottom:20px;display:block;animation:floatEmoji 3s ease-in-out infinite}.community-coming-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:10px}.community-coming-desc{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:32px}.community-coming-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:left}.community-feature-item{display:flex;align-items:center;gap:16px;background:var(--bg);border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-sm);padding:16px 18px;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 1px 4px #0000000d}.community-feature-item:hover{background:#fff7ed;transform:translateY(-1px)}.community-feature-icon{font-size:28px;flex-shrink:0}.community-feature-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}.community-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.community-notify-btn{background:var(--gradient-main);color:#fff;border:none;border-radius:100px;padding:16px 36px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 20px #f9731629;transition:transform .2s,box-shadow .2s}.community-notify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731638}.fortune-card{border:1px solid rgba(112,115,124,.16);border-radius:20px;padding:20px 18px 16px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 2px 12px #1717190d}.fortune-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fortune-title{font-size:13px;font-weight:700;letter-spacing:.02em;color:#171719}.fortune-date{font-size:11px;color:#989ba2;font-weight:500}.fortune-overall{text-align:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(112,115,124,.12)}.fortune-overall-stars{font-size:16px;margin-bottom:8px;letter-spacing:2px}.fortune-overall-text{font-size:14px;color:#37383c;line-height:1.7;font-style:italic;font-weight:500}.fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.fortune-item{background:#ffffffb8;border:1px solid rgba(112,115,124,.12);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fortune-item-icon{font-size:18px;line-height:1}.fortune-item-label{font-size:11px;font-weight:700;color:#70737c;letter-spacing:.04em}.fortune-item-stars{font-size:11px;letter-spacing:1px;margin:2px 0}.fortune-item-text{font-size:12px;color:#37383c;line-height:1.6;margin-top:2px}.fortune-lucky{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#70737c;background:#f7f7f8;border-radius:100px;padding:8px 16px}.fortune-lucky strong{color:#37383c;font-weight:700}.fortune-lucky-divider{color:#70737c59;font-size:16px}.recommend-guest-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px 24px;gap:8px}.recommend-guest-icon{font-size:56px;line-height:1;margin-bottom:8px}.recommend-guest-title{font-size:24px;font-weight:800;color:var(--text);line-height:1.35;margin-bottom:4px}.recommend-guest-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:16px}.recommend-guest-features{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.recommend-guest-feature{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;text-align:left}.recommend-guest-feature-icon{font-size:28px;flex-shrink:0}.recommend-guest-feature-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.recommend-guest-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.recommend-guest-login-btn{width:100%;max-width:360px;justify-content:center;font-size:16px;padding:16px;margin-top:4px}.recommend-guest-notice{font-size:12px;color:var(--text-muted);margin-top:8px}.recommend-guest-preview-wrap{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.recommend-guest-preview-header{text-align:center;padding:24px 8px 8px}.recommend-guest-preview-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.recommend-guest-preview-desc{font-size:13px;color:var(--text-muted);line-height:1.7}.recommend-guest-preview-area{position:relative}.recommend-guest-blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.7}.recommend-guest-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);z-index:10;padding:24px}.recommend-guest-overlay-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:280px}.recommend-guest-overlay-emoji{font-size:40px;line-height:1;margin-bottom:4px}.recommend-guest-overlay-title{font-size:18px;font-weight:800;color:#fff;line-height:1.4}.recommend-guest-overlay-desc{font-size:13px;color:#fffc;line-height:1.65}.recommend-guest-overlay-btn{width:100%;justify-content:center;font-size:15px;padding:14px;margin-top:4px}.recommend-guest-overlay-notice{font-size:11px;color:#fff9}.recommend-no-mbti{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px;gap:12px}.recommend-no-mbti-icon{font-size:56px;line-height:1}.recommend-no-mbti-title{font-size:22px;font-weight:800;color:var(--text);line-height:1.4}.recommend-no-mbti-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:8px}.recommend-wrap{padding:16px 0 24px;display:flex;flex-direction:column;gap:16px;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}.recommend-header-banner{border:1px solid;border-radius:var(--radius);padding:20px;text-align:center}.recommend-header-mbti{font-size:17px;font-weight:800;letter-spacing:.04em;margin-bottom:8px}.recommend-header-title{font-size:22px;font-weight:700;color:#171719;line-height:1.35;letter-spacing:-.022em;margin-bottom:8px}.recommend-header-story{font-size:14px;color:#70737c;font-style:italic;line-height:1.6}.recommend-category-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 6px}.recommend-category-scroll::-webkit-scrollbar{display:none}.recommend-category-chip{flex-shrink:0;border:1px solid rgba(112,115,124,.22);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;color:#37383c;background:#fff;font-family:inherit;cursor:pointer;transition:border-color .18s,color .18s,background .18s;white-space:nowrap}.recommend-category-chip:hover{border-color:var(--primary);color:var(--primary)}.recommend-category-chip.active{font-weight:700;border:none}.recommend-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:#70737c;font-size:14px}.recommend-loading-spinner{width:32px;height:32px;border:3px solid #F7F7F8;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recommend-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;gap:8px}.recommend-empty-icon{font-size:48px;line-height:1}.recommend-empty-title{font-size:16px;font-weight:700;color:#171719}.recommend-empty-desc{font-size:14px;color:#70737c;line-height:1.7}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recommend-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(112,115,124,.14);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;box-shadow:0 1px 4px #1717190a}.recommend-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #17171914}.recommend-card-img-wrap{width:100%;aspect-ratio:1 / 1;background:#f7f7f8;overflow:hidden;position:relative}.recommend-card-img{width:100%;height:100%;object-fit:cover}.recommend-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}.recommend-card-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.recommend-card-category{font-size:10px;font-weight:700;letter-spacing:.04em}.recommend-card-name{font-size:12px;font-weight:600;color:#171719;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card-price{font-size:14px;font-weight:700;color:#171719;letter-spacing:-.01em}.recommend-card-reason{font-size:11px;color:#70737c;font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.recommend-card-btn{margin-top:8px;padding:8px 10px;border-radius:100px;font-size:11px;font-weight:700;color:#fff;text-align:center}.recommend-shuffle-btn{width:100%;padding:13px;border:1.5px solid currentColor;border-radius:100px;background:transparent;color:var(--primary);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .18s,transform .18s}.recommend-shuffle-btn:hover{opacity:.8;transform:scale(.99)}.other-products-section{margin-top:4px}.other-products-divider{height:1px;background:#70737c24;margin:24px 0 20px}.other-products-header{text-align:center;margin-bottom:16px}.other-products-title{font-size:17px;font-weight:700;color:#171719;margin-bottom:4px;letter-spacing:-.01em}.other-products-desc{font-size:13px;color:#70737c}.other-products-mbti-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;color:#fff;padding:3px 7px;border-radius:100px;z-index:1;letter-spacing:.02em}.coupang-disclosure{font-size:11px;color:#989ba2;text-align:center;line-height:1.6;padding:12px 16px;background:#f7f7f8;border-radius:12px;margin-top:4px}.admin-wrap{min-height:100vh;background:var(--bg);padding:56px 0 80px;max-width:600px;margin:0 auto}.admin-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-denied-card{text-align:center;padding:40px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:10px}.admin-denied-icon{font-size:48px}.admin-denied-title{font-size:18px;font-weight:800;color:var(--text)}.admin-denied-sub{font-size:13px;color:var(--text-muted)}.admin-back-btn{margin-top:8px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer}.admin-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.admin-back-icon{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text);padding:4px 8px;border-radius:8px}.admin-back-icon:hover{background:var(--bg-card2)}.admin-title{font-size:18px;font-weight:800;color:var(--text);line-height:1.2}.admin-sub{font-size:12px;color:var(--text-muted)}.admin-add-btn{margin-left:auto;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0}.admin-form-card{margin:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-form-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.admin-form-title{font-size:16px;font-weight:800;color:var(--text)}.admin-form-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px 8px}.admin-form{padding:16px;display:flex;flex-direction:column;gap:14px}.admin-header-actions{display:flex;align-items:center;gap:8px}.admin-bookmarklet-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:16px;cursor:pointer;line-height:1;transition:background .15s}.admin-bookmarklet-btn:hover{background:#f3f4f6}.admin-bookmarklet-card{margin:0 16px 16px;background:#fffbeb;border:1.5px solid #fbbf24;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.admin-bookmarklet-header{display:flex;align-items:center;justify-content:space-between}.admin-bookmarklet-title{font-size:14px;font-weight:700;color:#92400e;margin:0}.admin-bookmarklet-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#78350f;line-height:1.5}.admin-bookmarklet-drag{display:flex;align-items:center;gap:12px;background:#fef3c7;border-radius:10px;padding:10px 14px}.admin-bookmarklet-link{background:#f97316;color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:grab}.admin-bookmarklet-link:active{cursor:grabbing}.admin-bookmarklet-drag-hint{font-size:12px;color:#92400e}.admin-url-fetch-box{background:#fff8f0;border:1.5px dashed #F97316;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.admin-url-fetch-label{font-size:12px;font-weight:700;color:#f97316;margin:0}.admin-url-fetch-row{display:flex;gap:8px;align-items:center}.admin-url-fetch-row .admin-input{flex:1;min-width:0}.admin-url-fetch-btn{flex-shrink:0;background:#f97316;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.admin-url-fetch-btn:hover:not(:disabled){background:#ea6c0a}.admin-url-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field-row{flex-direction:row;align-items:center}.admin-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-input{padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--bg);font-family:inherit;transition:border-color .15s,box-shadow .15s}.admin-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f973161f}.admin-field-hint{font-size:11px;color:var(--text-muted);text-align:right;margin-top:-2px}.admin-mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.admin-mbti-chip{padding:7px 4px;border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--bg);cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:center}.admin-mbti-chip:hover{border-color:var(--primary);color:var(--primary)}.admin-mbti-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-img-preview{margin-top:4px;border-radius:var(--radius-sm);overflow:hidden;width:80px;height:80px;background:var(--bg-card2)}.admin-img-preview img{width:100%;height:100%;object-fit:cover}.admin-toggle{position:relative;width:44px;height:24px;background:#ccc;border:none;border-radius:100px;cursor:pointer;transition:background .2s;flex-shrink:0}.admin-toggle.on{background:var(--primary)}.admin-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;display:block}.admin-toggle.on .admin-toggle-knob{transform:translate(20px)}.admin-toggle-label{font-size:13px;color:var(--text-muted);margin-left:8px}.admin-form-actions{display:flex;gap:10px;padding-top:4px}.admin-cancel-btn{flex:1;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer}.admin-save-btn{flex:2;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:800;cursor:pointer;transition:opacity .15s}.admin-save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-filter-scroll{display:flex;gap:6px;overflow-x:auto;padding:12px 16px 0;scrollbar-width:none}.admin-filter-scroll::-webkit-scrollbar{display:none}.admin-filter-chip{flex-shrink:0;padding:5px 12px;border:1.5px solid var(--border);border-radius:100px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.admin-filter-chip.active{background:var(--text);border-color:var(--text);color:#fff}.admin-loading,.admin-empty{padding:48px 16px;text-align:center;font-size:14px;color:var(--text-muted)}.admin-product-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.admin-product-item{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;transition:opacity .2s}.admin-product-item.inactive{opacity:.5}.admin-product-thumb{width:56px;height:56px;border-radius:8px;background:var(--bg-card2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.admin-product-thumb img{width:100%;height:100%;object-fit:cover}.admin-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.admin-product-tags{display:flex;gap:4px;flex-wrap:wrap}.admin-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.admin-tag-mbti{background:var(--primary-a12);color:var(--primary)}.admin-tag-cat{background:var(--bg-card2);color:var(--text-muted)}.admin-tag-off{background:#fee2e2;color:#dc2626}.admin-product-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-product-price{font-size:12px;font-weight:800;color:var(--text)}.admin-product-reason{font-size:11px;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-product-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.admin-action-btn{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-card2);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .15s}.admin-action-btn:hover{background:var(--border)}.admin-action-delete:hover{background:#fee2e2}.admin-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.admin-modal{background:var(--bg);border-radius:var(--radius);padding:28px 24px 20px;width:100%;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:8px}.admin-modal-title{font-size:18px;font-weight:800;color:var(--text)}.admin-modal-desc{font-size:13px;color:var(--text-muted);margin-bottom:8px}.admin-modal-actions{display:flex;gap:10px;margin-top:4px}.admin-delete-confirm-btn{flex:1;padding:12px;background:#dc2626;color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:800;cursor:pointer}.toast-error{background:#dc2626!important}.result-recommend-section{margin:20px 0 8px}.result-recommend-title{font-size:15px;font-weight:700;color:#171719;text-align:center;margin-bottom:14px;letter-spacing:-.02em}.result-recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-recommend-card{background:#fff;border:1px solid rgba(112,115,124,.16);border-radius:16px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 1px 6px #1717190a}.result-recommend-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17171914}.result-recommend-emoji{font-size:28px;line-height:1}.result-recommend-name{font-size:12px;font-weight:700;color:#171719;line-height:1.35;margin:0;letter-spacing:-.016em}.result-recommend-desc{font-size:11px;color:#70737c;line-height:1.45;margin:0}.result-recommend-btn{margin-top:auto;padding:6px 14px;border-radius:100px;border:none;background:var(--gradient-main);color:#fff;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s ease,transform .15s var(--ease-out-quint)}.result-recommend-btn:hover{opacity:.88;transform:translateY(-1px)}.result-recommend-btn:active{opacity:1;transform:scale(.95)}.result-recommend-allclear{text-align:center;font-size:15px;font-weight:800;color:var(--primary-light);background:linear-gradient(135deg,var(--primary-a08) 0%,rgba(251,146,60,.04) 100%);border:1.5px solid var(--primary-a12);border-radius:var(--radius);padding:20px 16px;line-height:1.6;letter-spacing:-.2px}.result-allclear{text-align:center;padding:28px 16px 20px;margin-bottom:16px}.result-allclear-badge{display:block;font-size:56px;line-height:1;margin-bottom:12px;animation:badgeBounce .65s var(--ease-gentle-spring) both}.result-allclear-title{font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--primary);margin-bottom:10px;animation:fadeSlideUp .5s var(--ease-out-quint) .2s both}.result-allclear-sub{font-size:14px;color:var(--text-muted);line-height:1.7;font-weight:500;animation:fadeSlideUp .5s var(--ease-out-quint) .35s both}@keyframes badgeBounce{0%{transform:scale(0) rotate(-15deg);opacity:0}55%{transform:scale(1.25) rotate(6deg);opacity:1}75%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 16px calc(78px + env(safe-area-inset-bottom));margin-top:8px}.site-footer-inner{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.site-footer-nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer-link{font-size:13px;font-weight:600;color:var(--text);text-decoration:none;opacity:.75;transition:opacity .15s}.site-footer-link:hover{opacity:1}.site-footer-policy{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-footer-policy-link{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .15s}.site-footer-policy-link:hover{color:var(--primary)}.site-footer-sep{font-size:11px;color:var(--text-muted);opacity:.5}.site-footer-copy{font-size:11px;color:var(--text-muted);opacity:.7;margin-top:4px}.site-footer-disclaimer,.site-footer-adsense{font-size:10px;color:var(--text-muted);opacity:.55;line-height:1.5}.community-section{margin-bottom:28px}.community-section-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.3px}.community-post-list{list-style:none;display:flex;flex-direction:column;gap:8px}.community-post-item{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;transition:background .15s}.community-post-item:hover{background:var(--bg-card2)}.community-post-emoji{font-size:20px;flex-shrink:0}.community-post-body{flex:1;min-width:0}.community-post-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-post-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.community-post-arrow{font-size:18px;color:var(--text-muted);opacity:.5;flex-shrink:0}.community-coming-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:10px;opacity:.7}.community-faq-list{list-style:none;display:flex;flex-direction:column;gap:8px}.community-faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden}.community-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;background:var(--bg-card);border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text);text-align:left;font-family:inherit;transition:background .15s}.community-faq-q.open,.community-faq-q:hover{background:var(--bg-card2)}.community-faq-arrow{font-size:11px;color:var(--text-muted);flex-shrink:0}.community-faq-a{padding:12px 16px 14px;font-size:13px;color:var(--text-muted);line-height:1.65;background:#fff;border-top:1px solid var(--border)}.brain-result-emoji{font-size:52px;margin-bottom:8px}.brain-result-title{font-size:24px;font-weight:800;color:var(--text);margin:0 0 6px}.brain-result-subtitle{font-size:14px;color:var(--brain-blue);font-weight:600;margin:0 0 24px}.brain-result-box{background:linear-gradient(135deg,#06d6a021,#118ab221);border:1.5px solid rgba(6,214,160,.33);border-radius:var(--radius);padding:20px 24px;margin-bottom:24px}.brain-result-box--pop{animation:brainBoxPop .6s var(--ease-out-quint) .2s both}.brain-result-value--pop{animation:brainValuePop .7s var(--ease-out-quint) .45s both;display:block}@keyframes brainBoxPop{0%{opacity:0;transform:scale(.88) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes brainValuePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.brain-result-box-label{font-size:13px;color:var(--brain-blue);font-weight:600;margin:0 0 6px}.brain-result-value{font-size:48px;font-weight:900;background:var(--brain-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px;line-height:1.1}.brain-result-pct{font-size:13px;color:var(--text-muted);margin:0}.brain-gauge-wrap{margin-bottom:24px}.brain-gauge-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:8px}.brain-gauge-score{font-weight:700;color:var(--brain-blue);font-size:14px}.brain-gauge-track{background:var(--bg-card2);border-radius:100px;height:20px;overflow:hidden}.brain-gauge-fill{height:100%;width:100%;background:var(--brain-gradient);border-radius:100px;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease-out-quint)}.brain-gauge-legend{display:flex;justify-content:space-between;font-size:10px;color:var(--gray-mid);margin-top:6px}.brain-desc{font-size:15px;color:var(--text-muted);line-height:1.8;text-align:left;margin:0 0 20px}.rarity-main{text-align:center;margin:16px 0 8px;font-size:20px;font-weight:800;line-height:1.4;color:var(--text)}.rarity-tag-wrap{text-align:center;margin-bottom:20px}.rarity-tag{display:inline-block;font-weight:700;font-size:14px;border-radius:100px;padding:5px 20px;border-width:1.5px;border-style:solid}.rarity--legend{color:#b8860b;border-color:#b8860b;background:#fff8e1}.rarity--rare{color:#7c3aed;border-color:#7c3aed;background:#f3e8ff}.rarity--special{color:#2563eb;border-color:#2563eb;background:#eff6ff}.rarity--common{color:var(--text-muted);border-color:var(--gray-border);background:var(--bg-card2)}.rarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}.rarity-tier-item{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 12px;border:1px solid rgba(112,115,124,.16);background:#fff}.rarity-tier-item--active{border-color:var(--tier-color, var(--primary));background:var(--tier-bg, var(--bg-card))}.rarity-tier-emoji{font-size:18px;flex-shrink:0}.rarity-tier-label{font-weight:700;font-size:13px}.rarity-tier-desc{font-size:11px;margin-top:1px;color:var(--text-muted)}.rarity-divider{border-top:1px solid var(--gray-border);padding-top:14px}.rarity-divider-label{text-align:center;font-size:11px;color:var(--text-muted);margin-bottom:10px}.rarity-letters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rarity-letter-box{background:#fff;border:1px solid rgba(112,115,124,.14);border-radius:12px;padding:10px 4px;text-align:center}.rarity-letter-char{font-weight:700;font-size:16px}.rarity-letter-pct{font-weight:600;font-size:12px;margin-top:2px}.rarity-letter-tier{font-size:11px;margin-top:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.home-faq-section{margin:20px 0 8px;padding:22px 20px;background:#f7f7f8;border-radius:20px;border:none}.home-faq-list{display:flex;flex-direction:column;gap:12px}.home-faq-item{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(112,115,124,.12)}.home-faq-q{font-size:14px;font-weight:700;color:#171719;margin:0 0 6px;letter-spacing:-.016em}.home-faq-a{font-size:13px;line-height:1.7;color:#70737c;margin:0}.mypage-cta-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff7ed,#fff3e0);border:1.5px solid var(--primary);border-radius:20px;padding:20px;margin-bottom:24px}.mypage-cta-card--top{flex-direction:row;flex-wrap:wrap}.mypage-cta-card--bottom{flex-direction:column;text-align:center;padding:32px 24px;gap:12px}.mypage-cta-text{flex:1;min-width:0}.mypage-cta-title{font-size:15px;font-weight:700;color:#1c1917;margin:0 0 4px}.mypage-cta-desc{font-size:13px;color:#78716c;margin:0}.mypage-cta-btn{flex-shrink:0;font-size:14px;padding:10px 18px}.mypage-cta-icon-big{font-size:40px;margin:0}.mypage-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mypage-all-fortune-section{margin-bottom:32px}.mypage-fortune-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.mypage-fortune-grid{grid-template-columns:1fr 1fr}}.mypage-fortune-mini{border-radius:20px;padding:20px;border:1.5px solid}.mypage-fortune-mini-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mypage-fortune-mini-emoji{font-size:24px}.mypage-fortune-mini-code{font-size:16px;font-weight:800}.mypage-fortune-mini-name{font-size:13px;color:#78716c}.mypage-mbti-catalog{margin-bottom:32px}.mypage-catalog-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.mypage-catalog-grid{grid-template-columns:1fr 1fr}}.mypage-catalog-card{border-radius:20px;padding:20px;border:1.5px solid}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.result-skeleton{display:flex;flex-direction:column;gap:16px;padding:16px 0}.result-skeleton-header,.result-skeleton-card{border-radius:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s infinite linear}.result-skeleton-header{height:40px;width:60%}.result-skeleton-card{height:220px}.result-skeleton-card--short{height:120px}.solfeggio-hz-badge{display:inline-block;padding:6px 18px;border-radius:999px;color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em;margin-bottom:10px;box-shadow:0 4px 14px #0000002e}.solfeggio-intro-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:solfeggio-fade-in .18s ease-out}@keyframes solfeggio-fade-in{0%{opacity:0}to{opacity:1}}.solfeggio-intro-modal{background:#fff;border-radius:18px;padding:28px 22px 22px;max-width:360px;width:100%;text-align:center;box-shadow:0 12px 36px #00000038;animation:solfeggio-pop-in .24s cubic-bezier(.34,1.56,.64,1)}@keyframes solfeggio-pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.solfeggio-intro-icon{font-size:44px;margin-bottom:6px}.solfeggio-intro-title{margin:4px 0 10px;font-size:20px;font-weight:800;color:#1a1a1a}.solfeggio-intro-desc{font-size:14px;line-height:1.6;color:#555;margin:8px 0 14px}.solfeggio-intro-warn{font-size:12.5px;color:#888;margin:0 0 18px}.solfeggio-intro-btn{width:100%;padding:13px 18px;border:0;border-radius:12px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer;margin-bottom:8px;transition:transform .12s,box-shadow .18s}.solfeggio-intro-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.solfeggio-intro-btn:active{transform:translateY(0)}.solfeggio-intro-skip{background:none;border:0;color:#888;font-size:13px;cursor:pointer;padding:6px 10px}.solfeggio-intro-skip:hover{color:#555}.solfeggio-player{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 14px;margin:18px auto;max-width:420px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 4px 16px #0000000f}.solfeggio-player-info{display:flex;flex-direction:column;align-items:center;gap:2px}.solfeggio-player-hz{font-size:28px;font-weight:900;letter-spacing:.02em}.solfeggio-player-label{font-size:11.5px;color:#888;letter-spacing:.08em;text-transform:uppercase}.solfeggio-player-btn{min-width:180px;padding:12px 24px;border:0;border-radius:999px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:transform .12s,box-shadow .18s,opacity .18s;box-shadow:0 6px 14px #00000029}.solfeggio-player-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #00000038}.solfeggio-player-btn:active:not(:disabled){transform:translateY(0)}.solfeggio-player-btn:disabled{opacity:.55;cursor:not-allowed}.solfeggio-player-btn.is-playing{animation:solfeggio-pulse 1.8s ease-in-out infinite}@keyframes solfeggio-pulse{0%,to{box-shadow:0 6px 14px #00000029}50%{box-shadow:0 10px 26px #00000047}}.solfeggio-player-hint{font-size:12px;color:#888;margin:2px 0 0}.solfeggio-soundinfo-card{border-radius:16px;padding:18px 18px 16px;margin:14px 0}.solfeggio-soundinfo-desc{font-size:14.5px;line-height:1.75;color:#37383c;margin:0 0 12px;letter-spacing:-.005em}.solfeggio-soundinfo-effects{display:flex;flex-wrap:wrap;gap:8px}.solfeggio-soundinfo-chip{display:inline-block;padding:7px 14px;border:1px solid;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.solfeggio-activities-section{border-radius:16px;padding:18px 16px;margin:14px 0}.solfeggio-activities-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.solfeggio-activity-chip{display:inline-block;padding:7px 14px;border:1px solid;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.solfeggio-meditation-section{border-radius:16px;padding:18px 16px;margin:14px 0}.solfeggio-meditation-text{font-size:14.5px;line-height:1.7;color:#444;margin:8px 0 0}@media(max-width:480px){.solfeggio-intro-modal{padding:24px 18px 18px}.solfeggio-intro-title{font-size:18px}.solfeggio-intro-desc{font-size:13.5px}.solfeggio-player{padding:16px 14px 12px}.solfeggio-player-hz{font-size:26px}}.comment-section{width:100%;margin-top:32px;padding-top:28px;border-top:1px solid var(--border);text-align:left}.comment-section-title{font-size:17px;font-weight:700;color:var(--text-main);margin:0 0 14px}.comment-opening-notice{font-size:13.5px;color:var(--text-muted);background:#f973160f;border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin:0 0 16px;text-align:center}.comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.comment-form-nick{font-size:13px;color:var(--text-muted);margin:0}.comment-form-nick-name{font-weight:700;color:var(--primary)}.comment-form-nameinput,.comment-form-textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:16px;color:var(--text-main);background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;transition:border-color .15s ease}.comment-form-textarea{resize:vertical;min-height:72px;line-height:1.5}.comment-form-nameinput:focus,.comment-form-textarea:focus{outline:none;border-color:var(--primary)}.comment-form-nameinput::placeholder,.comment-form-textarea::placeholder{color:var(--text-muted)}.comment-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-form-count{font-size:12.5px;color:var(--text-muted)}.comment-form-error{font-size:12.5px;color:#ef4444;font-weight:600}.comment-form-submit{flex-shrink:0;font-family:inherit;font-size:14px;font-weight:700;color:#fff;background:var(--primary);border:none;border-radius:12px;padding:10px 18px;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.comment-form-submit:active{transform:scale(.97)}.comment-form-submit:disabled{opacity:.55;cursor:default}.comment-status{font-size:13.5px;color:var(--text-muted);text-align:center;padding:18px 0;margin:0}.comment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.comment-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.comment-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.comment-item-nick{font-size:13.5px;font-weight:700;color:var(--text-main)}.comment-item-date{flex-shrink:0;font-size:11.5px;color:var(--text-muted)}.comment-item-body{font-size:14px;line-height:1.55;color:var(--text-main);margin:0;white-space:pre-wrap;word-break:break-word}.comment-loadmore{width:100%;margin-top:12px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text-muted);background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px;cursor:pointer;transition:background .15s ease}.comment-loadmore:hover{background:var(--bg-card)}.comment-loadmore:disabled{opacity:.55;cursor:default}.admin-comment-list{display:flex;flex-direction:column;gap:10px}.admin-comment-item{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px}.admin-comment-item--hidden{opacity:.6}.admin-comment-info{flex:1;min-width:0}.admin-comment-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.admin-comment-nick{font-size:12.5px;font-weight:700;color:var(--text-main)}.admin-comment-body{font-size:14px;line-height:1.5;color:var(--text-main);margin:0 0 5px;white-space:pre-wrap;word-break:break-word}.admin-comment-date{font-size:11.5px;color:var(--text-muted);margin:0}.admin-comment-tabs{display:flex;gap:8px;margin-bottom:14px}.admin-comment-tab{flex:1;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--text-muted);background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.admin-comment-tab.active{color:#fff;background:var(--primary);border-color:var(--primary)}.admin-action-restore:hover{background:#dcfce7}.admin-comment-back{flex-shrink:0;font-family:inherit;font-size:13px;font-weight:700;color:var(--primary);background:#fff;border:1px solid var(--border);border-radius:100px;padding:8px 14px;cursor:pointer;transition:background .15s ease}.admin-comment-back:hover{background:#f973160f}.admin-comment-warn{margin-bottom:14px;font-size:12.5px;line-height:1.5;color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:11px 13px}.result-bg-fill{position:fixed;inset:0;z-index:0;pointer-events:none}.result-wrap--v2{position:relative;z-index:1}.result-wrap--v2 .test-type-label{background:var(--rt-accent);color:#fff}.result-wrap--v2-dark .test-type-label{background:#ffffff21;color:#fff}.result-wrap--v2 .character-keyword-title{color:var(--rt-heading)}.result-wrap--v2 .character-keyword-eng{color:var(--rt-muted)}.result-wrap--v2 .character-keyword-sub{color:var(--rt-accent)}.result-wrap--v2-dark .character-keyword-sub{color:var(--rt-heading)}.result-wrap--v2 .rt-section-title,.result-wrap--frequency .rt-section-title{font-size:17px;font-weight:800;color:var(--rt-heading);letter-spacing:-.02em;margin:32px 2px 12px;word-break:keep-all}.result-wrap--v2 .rt-card,.result-wrap--frequency .rt-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 3px 16px #17171912}.result-wrap--v2 .rt-card--intro,.result-wrap--frequency .rt-card--intro{margin-top:6px}.rt-quote{font-size:16px;font-weight:800;color:#171719;line-height:1.55;letter-spacing:-.02em;margin:0 0 12px;word-break:keep-all}.rt-desc{font-size:14px;color:#4a4b52;line-height:1.78;margin:0}.rt-traits{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.rt-traits--center{justify-content:center}.rt-trait{font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;background:var(--rt-accent-soft);color:var(--rt-accent);border:1px solid var(--rt-accent-line);white-space:nowrap}.rt-numlist{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}.rt-numlist-item{display:flex;align-items:flex-start;gap:12px}.rt-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--rt-accent);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.rt-num--warn{background:#ef4444}.rt-numlist-text{font-size:14px;color:#37383c;line-height:1.62}.rt-chips{display:flex;flex-wrap:wrap;gap:8px}.rt-chip{font-size:13px;font-weight:600;padding:7px 13px;border-radius:100px;background:var(--rt-accent-soft);color:var(--rt-accent);border:1px solid var(--rt-accent-line);line-height:1.4}.result-wrap--v2 .rt-match,.result-wrap--frequency .rt-match{padding:0;overflow:hidden}.rt-match-block{padding:18px 20px}.rt-match-block--worst{border-top:1px solid rgba(112,115,124,.12)}.rt-match-label{font-size:12px;font-weight:800;margin:0 0 8px;letter-spacing:.01em}.rt-match-block--best .rt-match-label{color:#16a34a}.rt-match-block--worst .rt-match-label{color:#ef4444}.rt-match-type{font-size:17px;font-weight:800;color:#171719;line-height:1.4;letter-spacing:-.02em;margin:0}.rt-match-text{font-size:13px;color:#70737c;line-height:1.7;margin:8px 0 0}.result-wrap--v2 .kakao-ad-wrap{margin:28px auto}.rt-share{margin-top:32px}.rt-share-title{font-size:13px;font-weight:700;color:var(--rt-muted);text-align:center;margin:0 0 12px}.rt-share-actions{display:flex;gap:10px}.rt-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:14px 12px;border-radius:14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:transform .18s var(--ease-out-quint)}.rt-share-btn:active{transform:scale(.97)}.rt-share-btn--sns{background:var(--rt-accent);color:#fff}.rt-share-btn--copy{background:#fff;color:#37383c;border:1.5px solid rgba(112,115,124,.22)}.rt-share-modal-overlay{position:fixed;inset:0;z-index:1000;background:#1717198c;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease both}.rt-share-modal{position:relative;width:100%;max-width:360px;background:#fff;border-radius:22px;padding:26px 22px 24px;box-shadow:0 24px 64px #00000047;animation:slideIn .26s var(--ease-out-quint) both}.rt-share-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:none;background:#0000000f;color:#70737c;font-size:13px;cursor:pointer}.rt-share-modal-title{font-size:16px;font-weight:800;color:#171719;text-align:center;margin:0 0 20px;letter-spacing:-.02em}.rt-share-modal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 9px}.rt-sns-item{display:flex;flex-direction:column;align-items:center;gap:7px;width:48px;background:none;border:none;padding:0;cursor:pointer}.rt-share-modal-grid .share-icon-btn{width:48px;height:48px;border-radius:14px}.rt-share-modal-grid .share-icon-btn svg{width:20px;height:20px}.rt-sns-caption{font-size:11px;font-weight:600;color:#70737c}.result-wrap--v2 .result-recommend-section,.result-wrap--frequency .result-recommend-section{margin:0}.result-wrap--v2 .result-recommend-section .result-allclear,.result-wrap--frequency .result-recommend-section .result-allclear{margin-top:28px}.result-wrap--v2 .result-recommend-card,.result-wrap--frequency .result-recommend-card{padding:10px 10px 14px;gap:8px}.result-wrap--v2 .rt-rec-thumb,.result-wrap--frequency .rt-rec-thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:12px;display:block;background:#f1f3f5}.result-wrap--v2 .result-allclear-title,.result-wrap--frequency .result-allclear-title{color:var(--rt-heading)}.result-wrap--v2 .result-allclear-sub,.result-wrap--frequency .result-allclear-sub{color:var(--rt-muted)}.result-wrap--v2 .btn-mypage,.result-wrap--v2 .btn-mypage:hover,.result-wrap--v2 .btn-mypage:active,.result-wrap--v2 .btn-result-login,.result-wrap--v2 .btn-result-login:hover,.result-wrap--v2 .btn-result-login:active{background:var(--rt-accent);box-shadow:0 4px 16px #17171929}.result-wrap--v2 .result-recommend-btn{background:var(--rt-accent)}.result-wrap--v2-dark .btn-retry{border-color:#ffffff47;color:#ffffffd1}.result-wrap--v2-dark .btn-retry:hover{background:#ffffff12}.result-wrap--v2-dark .comment-section-title{color:var(--rt-heading)}.result-wrap--v2-dark .comment-form-nick,.result-wrap--v2-dark .comment-form-count,.result-wrap--v2-dark .comment-status{color:#fff9}body.fs-test-mode .navbar,body.fs-test-mode .bottom-nav,body.fs-test-mode .sticky-bottom-ad,body.fs-test-mode .site-footer{display:none!important}body.fs-test-mode{overflow:hidden;overscroll-behavior:none}body.fs-opening-mode .navbar,body.fs-opening-mode .sticky-bottom-ad,body.fs-opening-mode .site-footer{display:none!important}body.fs-opening-mode{overflow:hidden;overscroll-behavior:none}body.fs-opening-mode .fs-opening-scroll{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.fs-test{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;z-index:50;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);touch-action:pan-y}.fs-test-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.fs-test-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 18px 20px;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,transparent 100%)}.fs-test-back{width:38px;height:38px;border-radius:50%;border:none;background:#ffffffb3;font-size:18px;font-weight:700;color:#2b2b2b;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;transition:transform .15s ease,background .15s ease;flex-shrink:0}.fs-test-back:active{transform:scale(.92);background:#fffffff2}.fs-test-progress{flex:1;height:8px;background:#ffffff73;border-radius:999px;overflow:hidden}.fs-test-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#fff,#ffffffeb);border-radius:999px;transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.fs-test-progress-count{font-size:13px;font-weight:800;color:#2b2b2b;background:#ffffffb3;padding:4px 10px;border-radius:999px;min-width:42px;text-align:center;flex-shrink:0}.fs-test-progress-slash{opacity:.45;padding:0 1px}.fs-test-stage{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px;min-height:0}.fs-test-stage.has-q-img{flex-direction:column;justify-content:center;gap:10px}.fs-test-q-img{display:block;max-width:85%;max-height:44vh;width:auto;height:auto;object-fit:contain;pointer-events:none;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3)) drop-shadow(0 18px 40px rgba(0,0,0,.28))}.fs-test-card{width:100%;max-width:360px;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 16px 40px #0000001f,0 2px 6px #0000000d;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.has-q-img .fs-test-card{background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 22px;gap:0}.fs-test-card-emoji{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fs-from-a),var(--fs-to-a));font-size:64px;line-height:1}.fs-test-card-question{margin:0;font-family:var(--font-title, inherit);font-size:18px;line-height:1.55;font-weight:700;color:#232323;white-space:pre-wrap;word-break:keep-all}.fs-test-options{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;padding:12px 18px 18px}.fs-test-option{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;background:#fff;border:none;border-radius:18px;box-shadow:0 4px 14px #00000014;font-family:var(--font-body, inherit);font-size:15px;line-height:1.4;color:#232323;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.fs-test-option:active{transform:translateY(1px) scale(.99)}.fs-test-option:disabled{cursor:default}.fs-test-option-label{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fs-from-a),var(--fs-to-a));color:#2b2b2b;font-size:13px;font-weight:800}.fs-test-option-text{flex:1;font-weight:500;white-space:pre-wrap;word-break:keep-all}.fs-test-option.is-picked{background:linear-gradient(135deg,var(--fs-from),var(--fs-to));color:#fff}.fs-test-option.is-picked .fs-test-option-label{background:#ffffff47;color:#fff}@media(max-height:700px){.fs-test-card{padding:20px 18px;gap:14px}.fs-test-card-emoji{width:88px;height:88px;font-size:52px}.fs-test-card-question{font-size:16px}.fs-test-option{min-height:50px;font-size:14px;padding:10px 14px}.fs-test-q-img{max-height:34vh}.has-q-img .fs-test-card{padding:14px 18px}.fs-test-stage.has-q-img{gap:8px}}@media(max-height:620px){.fs-test-card-emoji{width:72px;height:72px;font-size:42px}.fs-test-card{padding:16px}.fs-test-card-question{font-size:15px}.fs-test-option{min-height:46px;font-size:13.5px}.fs-test-q-img{max-height:26vh}.has-q-img .fs-test-card{padding:12px 16px}}@media(min-width:600px){.fs-test{max-width:480px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0000001f}}.fs-opening{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);touch-action:pan-y}.fs-opening-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.fs-opening-scroll{position:relative;z-index:2;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.fs-opening-inner{width:100%;max-width:420px;margin:0 auto;padding:28px 22px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.fs-opening-hero-emoji{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:78px;line-height:1}.fs-opening-hero-img{width:80%;max-width:320px;height:auto;aspect-ratio:1 / 1;object-fit:contain}.fs-opening-title-img{width:88%;max-width:360px;height:auto;object-fit:contain;margin:4px 0 2px}.fs-opening-title{margin:4px 0 0;font-family:var(--font-title, inherit);font-size:26px;font-weight:800;line-height:1.25;color:#232323;word-break:keep-all}.fs-opening-hook{margin:0;font-family:var(--font-body, inherit);font-size:15px;line-height:1.55;color:#444;white-space:pre-line;word-break:keep-all}.fs-opening-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:4px 0 8px;font-size:12.5px;font-weight:600;color:#555}.fs-opening-meta>span{background:#ffffffb8;padding:5px 10px;border-radius:999px;white-space:nowrap}.fs-opening-nickname-wrap{width:100%;margin-top:6px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.fs-opening-nickname-label{font-size:13px;font-weight:700;color:#333;text-align:left;font-family:var(--font-title, inherit)}.fs-opening-nickname-input{width:100%;height:50px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(0,0,0,.12);background:#fff;font-size:16px;font-family:var(--font-body, inherit);color:#232323;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fs-opening-nickname-input:focus{border-color:var(--fs-accent, #F97316);box-shadow:0 0 0 3px var(--fs-accent-soft, rgba(249,115,22,.13))}.fs-opening-nickname-input.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444424}.fs-opening-nickname-hint{margin:0;font-size:11.5px;color:#888;text-align:left}.fs-opening-nickname-error{margin:0;font-size:12px;font-weight:700;color:#ef4444;text-align:left}.fs-opening-cta{width:100%;min-height:54px;margin-top:8px;padding:0 22px;border:none;background:var(--fs-cta, #F97316);color:#fff;font-family:var(--font-title, inherit);font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #00000024;transition:transform .12s ease,box-shadow .15s ease;border-radius:18px}.fs-opening-cta:active{transform:scale(.98)}.fs-opening-back{width:100%;min-height:44px;padding:0 16px;border:none;background:#ffffff8c;color:#444;font-size:13.5px;font-weight:600;border-radius:12px;cursor:pointer;transition:background .15s ease}.fs-opening-back:hover{background:#ffffffbf}.fs-opening-comments{width:100%;margin-top:12px;background:#ffffffa6;border-radius:16px;padding:8px 4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fs-opening-content{margin-top:12px;background:#ffffffc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result-insight-card{border-color:color-mix(in srgb,var(--result-insight-accent, var(--rt-accent)) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--result-insight-accent, var(--rt-accent)) 8%,#fff 92%),#fff)}.result-insight-intro{margin:0 0 18px;color:#37383c;font-size:14px;font-weight:600;line-height:1.76;letter-spacing:0}.result-insight-section+.result-insight-section{margin-top:16px}.result-insight-subtitle{margin:0 0 8px;color:var(--rt-heading, #171719);font-size:14px;font-weight:800;line-height:1.4;letter-spacing:0}.result-insight-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.result-insight-list li{position:relative;padding-left:16px;color:#4b4d54;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:0}.result-insight-list li:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:999px;background:var(--result-insight-accent, var(--rt-accent))}.result-insight-tip{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--result-insight-accent, var(--rt-accent)) 10%,#fff 90%);color:#2f3035;font-size:13px;font-weight:700;line-height:1.65;letter-spacing:0}.fs-opening[data-fs-bg=image] .fs-opening-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 16px rgba(0,0,0,.35)}.fs-opening[data-fs-bg=image] .fs-opening-hook{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.3)}.fs-opening[data-fs-bg=image] .fs-opening-meta{color:#fff}.fs-opening[data-fs-bg=image] .fs-opening-meta>span{background:#ffffffeb;color:#232323}.fs-opening[data-fs-bg=image] .fs-opening-nickname-label{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.fs-opening[data-fs-bg=image] .fs-opening-nickname-hint{color:#f1f1f1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.fs-opening[data-fs-bg=image] .fs-opening-back{background:#ffffffd9;color:#222}.fs-opening[data-fs-bg=image] .fs-opening-back:hover{background:#fffffff2}@media(min-width:600px){.fs-opening{max-width:480px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0000001f}}.triaxis-product{width:100%;max-width:360px;margin:8px auto 4px;aspect-ratio:1 / 1;border-radius:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px #00000024,0 2px 6px #0000000f;position:relative;overflow:hidden}.triaxis-product:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1.4px,transparent 1.6px);background-size:22px 22px;pointer-events:none}.triaxis-product-emoji{position:relative;font-size:clamp(120px,32vw,180px);line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.opening-title,.opening-nickname-label,.btn-opening-start,.question-num,.question-text,.test-type-label,.character-keyword-title,.rt-section-title,.rt-quote,.btn-mypage,.btn-result-login,.btn-retry{font-family:var(--genre-font, inherit)}@font-face{font-family:UhBeeDongKyung;src:url(/fonts/UhBeeDongKyung.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UhBeeBEOJJI;src:url(/fonts/UhBeeBEOJJI.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NanumBrush;src:url(/fonts/NanumBrush.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:110%}@font-face{font-family:UhBeeHanByeol;src:url(/fonts/UhBeeHanByeol.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jalnan2TTF;src:url(/fonts/Jalnan2TTF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UhBeeRingRing;src:url(/fonts/UhBeeRingRing.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:120%}@font-face{font-family:UhbeeNaHyun;src:url(/fonts/UhbeeNaHyun.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MapoFlowerIsland;src:url(/fonts/MapoFlowerIsland.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UhBeeRami;src:url(/fonts/UhBeeRami.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24DongdongLight;src:url(/fonts/Cafe24DongdongLight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24SsukssukLight;src:url(/fonts/Cafe24SsukssukLight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24SsukssukRegular;src:url(/fonts/Cafe24SsukssukRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.opening-wrap[data-test=kakao] .opening-nickname-label{font-size:21px}.opening-wrap[data-test=kakao] .btn-opening-start{font-size:22px}.test-wrap[data-test=kakao] .question-text{font-size:24px}.result-wrap[data-test=kakao] .character-keyword-title{font-size:29px}.result-wrap[data-test=kakao] .rt-section-title{font-size:21px}.result-wrap[data-test=kakao] .rt-quote{font-size:19px}.test-wrap[data-test=brainAge] .question-text{font-size:22px}.fs-bg--mintYellowDots{background:radial-gradient(circle at 18% 22%,rgba(77,208,225,.18) 0,transparent 42%),radial-gradient(circle at 82% 78%,rgba(255,213,79,.2) 0,transparent 42%),linear-gradient(165deg,#4dd0e1,#ffd54f)}.fs-bg--mintYellowDots:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.4px);background-size:18px 18px}.fs-bg--grayGrid{background:#3a3a3a}.fs-bg--grayGrid:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.1) 49px 50px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.1) 49px 50px);filter:url(#wavy)}.fs-bg--darkBlood{background:radial-gradient(circle at 50% 0%,rgba(220,38,38,.45) 0,transparent 60%),linear-gradient(180deg,#1a0606,#000)}.fs-bg--paper{background:#fffdf6;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:24px 24px}.fs-bg--gradient{background:radial-gradient(circle at 18% 22%,var(--fs-from-a) 0,transparent 42%),radial-gradient(circle at 82% 78%,var(--fs-to-a) 0,transparent 42%),linear-gradient(165deg,var(--fs-from) 0%,var(--fs-to) 100%)}.fs-bg--gradient:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.4px);background-size:18px 18px}.fs-bg--image{background-color:var(--fs-from);background-image:var(--fs-bg-img);background-size:cover;background-position:center center;background-repeat:no-repeat}.fs-bg--image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000052,#0000002e 35%,#0000005c)}.fs-progress--flat{height:8px;background:#ffffff73;border-radius:999px}.fs-progress--flat .fs-test-progress-fill{background:linear-gradient(90deg,#fff,#ffffffeb);border-radius:999px}.fs-progress--chunky{height:14px;background:#ffffffb3;border-radius:4px;border:2px solid rgba(0,0,0,.85);padding:0}.fs-progress--chunky .fs-test-progress-fill{background:var(--fs-accent, #22c55e);border-radius:0}.fs-progress--minimal{height:3px;background:#ffffff4d;border-radius:0}.fs-progress--minimal .fs-test-progress-fill{background:var(--fs-accent, #fff);border-radius:0}.fs-card--round{background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 16px 40px #0000001f,0 2px 6px #0000000d}.fs-card--notepad{background:#fffdf6;border:1px solid #e8e0c8;border-radius:6px;padding:40px 24px 28px;position:relative;background-image:repeating-linear-gradient(to bottom,transparent 0 32px,rgba(120,150,200,.18) 32px 33px);background-position:0 36px;box-shadow:0 12px 28px #0000002e}.fs-card--notepad:before{content:"";position:absolute;top:8px;left:12px;right:12px;height:16px;background-image:radial-gradient(circle,#555 4px,transparent 5px);background-size:28px 16px;background-repeat:repeat-x}.fs-card--polaroid{background:#fff;border-radius:6px;padding:18px 18px 56px;box-shadow:0 12px 32px #0003;transform:rotate(-1deg)}.fs-card--torn{background:#fff;border-radius:0;padding:28px 22px;box-shadow:0 12px 32px #0000002e;clip-path:polygon(0% 4%,6% 0%,14% 3%,22% 0%,30% 4%,38% 1%,46% 3%,54% 0%,62% 3%,70% 1%,78% 4%,86% 0%,94% 3%,100% 4%,100% 96%,94% 100%,86% 97%,78% 100%,70% 96%,62% 99%,54% 97%,46% 100%,38% 97%,30% 99%,22% 96%,14% 100%,6% 96%,0% 96%)}.fs-test-card.fs-card--plain{background:transparent;border-radius:0;padding:8px 4px;box-shadow:none;max-width:480px;backdrop-filter:none;-webkit-backdrop-filter:none}.fs-test-card.fs-card--plain .fs-test-card-question{color:#fff;font-size:22px;font-weight:800;line-height:1.45;text-shadow:0 2px 6px rgba(0,0,0,.55),0 0 14px rgba(0,0,0,.35)}.fs-test-card.fs-card--plain .fs-test-card-emoji{background:#ffffff2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(max-height:700px){.fs-test-card.fs-card--plain .fs-test-card-question{font-size:19px}}@media(max-height:620px){.fs-test-card.fs-card--plain .fs-test-card-question{font-size:17px}}.fs-halo--gradient{background:linear-gradient(135deg,var(--fs-from-a),var(--fs-to-a))}.fs-halo--solid{background:var(--fs-accent-soft, rgba(0,0,0,.06))}.fs-halo--ring{background:transparent;border:3px solid var(--fs-accent, #4DD0E1)}.fs-halo--none{background:transparent}.fs-shape--pill{border-radius:18px}.fs-shape--square{border-radius:8px}.fs-shape--chunky{border-radius:12px;border:2.5px solid #000;box-shadow:4px 4px #000}.fs-shape--handDrawn{border-radius:22px 18px 24px 16px;border:2px solid rgba(0,0,0,.85)}.fs-pickfx--scale.is-picked{transform:scale(.97)}.fs-pickfx--flash.is-picked{animation:fs-flash .35s ease-out}.fs-pickfx--bounce.is-picked{animation:fs-bounce .4s cubic-bezier(.36,0,.66,-.56)}@keyframes fs-flash{0%{box-shadow:0 0 0 0 var(--fs-accent, #fff)}60%{box-shadow:0 0 0 14px #fff0}to{box-shadow:0 4px 14px #00000014}}@keyframes fs-bounce{0%{transform:scale(1)}40%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}.rt-hero--dotsBox{border-radius:32px}.rt-hero--dotsBox:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1.4px,transparent 1.6px);background-size:22px 22px;pointer-events:none}.rt-hero--polaroid{background:#fff!important;padding:18px 18px 44px!important;border-radius:8px;transform:rotate(-2deg)}.rt-hero--sticker{border-radius:28px;border:4px solid #fff;outline:2px solid rgba(0,0,0,.85)}.rt-cardshape--bordered{border:2px solid var(--fs-accent, #000);box-shadow:none!important}.rt-cardshape--notepad{background:#fffdf6!important;border:1px solid #e8e0c8!important;background-image:repeating-linear-gradient(to bottom,transparent 0 28px,rgba(120,150,200,.18) 28px 29px)}[data-confetti=default]{--confetti-colors: "#F97316,#FB923C,#FFE5B4"}[data-confetti=mint]{--confetti-colors: "#4DD0E1,#FFD54F,#A5D6A7"}[data-confetti=rainbow]{--confetti-colors: "#FF6B6B,#FFD93D,#6BCB77,#4D96FF,#9D4EDD"}[data-confetti=dark]{--confetti-colors: "#dc2626,#7f1d1d,#1a1a1a"}[data-confetti=none]{--confetti-colors: "none"}