*,*:before,*:after{box-sizing:border-box;margin:0;padding: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-muted: #6B7280;--border: rgba(249, 115, 22, .2);--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}html{scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.07}.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%);animation:blobMove3 14s ease-in-out infinite alternate}@keyframes blobMove1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,80px) scale(1.2)}}@keyframes blobMove2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-40px) scale(1.15)}}@keyframes blobMove3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-40%,-60%) scale(1.3)}}.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:center;padding:10px 0}.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:#f973161a;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:#fff;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:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;width:100%;font-family:inherit}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #f9731659}.btn-primary:hover,.btn-primary:active{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #f9731673}.btn-secondary{background:#f8f9fa;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:#f1f3f5;transform:translateY(-2px)}.btn-kakao{background:#fee500;color:#191919;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:#f973161a;border:1px solid var(--border);color:var(--primary)}.btn-mypage:hover{background:#f973162e;transform:translateY(-2px)}.test-wrap{width:100%;padding:20px 0 48px}.test-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.progress-wrap{margin-bottom:28px}.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;color:var(--primary-light);font-weight:700}.progress-track{width:100%;height:6px;background:#00000014;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 cubic-bezier(.34,1.56,.64,1);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:20px;aspect-ratio:16 / 9;background:#0000000a}.question-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.question-section{padding:40px 0 20px}.question-num{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary-light);margin-bottom:8px}.question-text{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:28px;color:var(--text);white-space:pre-line}.options-wrap{display:flex;flex-direction:column;gap:12px}.option-btn{background:#fff;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:16px 20px;font-size:15px;color:var(--text);text-align:left;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;font-family:inherit;box-shadow:0 1px 4px #0000000f}.option-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-main);opacity:0;transition:opacity .25s ease}.option-label{font-size:13px;font-weight:700;color:var(--primary-light);min-width:20px;position:relative;z-index:1}.option-text{position:relative;z-index:1;line-height:1.4}.option-btn:hover{border-color:var(--primary-light);transform:translate(4px)}.option-btn:hover:before{opacity:.12}.option-btn.selected{border-color:var(--primary);transform:translate(4px)}.option-btn.selected:before{opacity:.2}.share-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow),0 0 40px #f973161a}.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:1.5px;text-transform:uppercase;color:var(--text-muted)}.share-card-sub{font-size:12px;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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 16px rgba(249,115,22,.3))}.share-card-type{font-size:28px;font-weight:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;position:relative;z-index:1;line-height:1.2}.share-card-eng{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-muted);margin-bottom:18px;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:#f973161a;border:1px solid rgba(249,115,22,.25);border-radius:100px;padding:5px 14px;font-size:13px;font-weight:700;color:var(--primary-dark);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:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px;position:relative;z-index:1;line-height:1.3}.sc-eng-name{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px;position:relative;z-index:1;text-transform:uppercase}.sc-sub{font-size:13px;font-weight:700;color:var(--primary-light);margin-bottom:8px;position:relative;z-index:1}.sc-oneliner{font-size:13px;color:var(--text-muted);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}.result-personal{font-size:17px;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.4;position:relative;z-index:1}.result-subtitle{font-size:14px;font-weight:500;color:var(--text-muted);text-align:center;margin-top:-8px;margin-bottom:16px;line-height:1.5;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;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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:#f973160d;border-radius:var(--radius-sm);padding:20px;font-size:15px;color:var(--text-muted);line-height:1.8;margin-bottom:20px;border-left:3px solid var(--primary);position:relative;z-index:1}.result-traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;position:relative;z-index:1}.trait-tag{background:#f973161a;border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:13px;color:var(--primary-dark);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-wrap{padding:16px 0 40px;width:100%;align-self:flex-start}.mypage-header{text-align:center;margin-bottom:24px}.mypage-title{font-size:24px;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.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;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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 cubic-bezier(.34,1.56,.64,1);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 #f973164d;position:relative;z-index:1}.timeline-content{flex:1;background:#fff;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)}.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,.3);border-radius:100px;padding:12px 24px;font-size:14px;color:#fff;box-shadow:0 8px 32px #f973164d;z-index:1000;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;opacity:0;white-space:nowrap}.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 .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.member-welcome-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f973161a,#fb923c0f);border:1.5px solid rgba(249,115,22,.25);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:900;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.member-mypage-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#f973161f;border:1px solid rgba(249,115,22,.3);border-radius:100px;font-size:12px;font-weight:700;color:var(--primary-light);text-decoration:none;white-space:nowrap;transition:all .2s ease}.member-mypage-btn:hover{background:#f9731640;transform:translateY(-1px)}.home-hero{padding:10px 4px 24px;text-align:left}.home-hero-name{font-family:Black Han Sans,Noto Sans KR,sans-serif;font-size:clamp(28px,5.5vw,50px);color:var(--primary);margin-bottom:2px;line-height:1.15}.home-hero-greeting{font-family:Black Han Sans,Noto Sans KR,sans-serif;font-size:clamp(24px,5vw,44px);color:var(--text);margin-bottom:2px;line-height:1.15}.home-hero-nim{font-size:18px;margin-left:4px;color:var(--text-muted)}.home-hero-phrase{font-family:Black Han Sans,Noto Sans KR,sans-serif;font-size:clamp(22px,4.2vw,36px);color:var(--text);line-height:1.25;margin-bottom:14px}.home-hero-desc{font-size:13px;color:var(--text-muted);line-height:1.8}.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-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:0;margin-bottom:14px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.test-card:before{content:"";position:absolute;inset:0;background:var(--gradient-main);opacity:0;transition:opacity .25s ease}.test-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #f973161f}.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-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius) var(--radius) 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:14px 16px;position:relative;z-index:1;gap:12px}.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:16px;font-weight:800;color:var(--text);margin-bottom:3px}.test-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:8px}.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:36px 16px 28px;margin:8px 0 4px;gap:4px}.home-branding-symbol{width:147px;height:auto;object-fit:contain;opacity:.92;margin-bottom:0;display:block}.home-branding-name{font-size:16px;font-weight:800;color:var(--text-main);letter-spacing:.3px;margin:0}.home-branding-tagline{font-size:14px;font-weight:600;color:var(--primary-light);margin:0}.home-branding-desc{font-size:13px;color:var(--text-muted);line-height:1.85;max-width:340px;margin:0 auto}.login-section{margin-bottom:16px}.login-divider{display:flex;align-items:center;gap:12px;margin-bottom:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:12px;color:var(--text-muted);white-space:nowrap;font-weight:600}.login-desc{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:14px;line-height:1.6}.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:14px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit;width:100%}.btn-kakao-login{background:#fee500;color:#191919;box-shadow:0 4px 16px #fee50040}.btn-kakao-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fee50059}.btn-naver-login{background:#03c75a;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:#fff;color:#333;box-shadow:0 4px 16px #0000001f}.btn-google-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.btn-apple-login{background:#1c1c1e;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 cubic-bezier(.34,1.56,.64,1)}.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;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip: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:#fee500;color:#191919}.provider-badge.naver{background:#03c75a;color:#fff}.provider-badge.google{background:#fff;color:#333}.provider-badge.apple{background:#1c1c1e;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,#f9731614,#fb923c0d);border:1.5px solid rgba(249,115,22,.3);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 cubic-bezier(.34,1.56,.64,1);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:var(--bg-card);border:2px solid;border-radius:var(--radius);padding:28px 24px 20px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.mbti-result-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.mbti-result-code{font-size:42px;font-weight:900;letter-spacing:4px;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:800;color:var(--text);margin-bottom:6px}.mbti-result-tagline{font-size:13px;color:var(--text-muted);font-style:italic;line-height:1.5;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 cubic-bezier(.34,1.56,.64,1)}.mbti-axis-fill--right{position:absolute;right:0;top:0;height:100%;border-radius:100px 0 0 100px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.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 cubic-bezier(.34,1.56,.64,1);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-bottom:20px}.mbti-dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mbti-dist-box{background:#fff;border:1.5px solid;border-radius:12px;padding:10px 4px 8px;text-align:center;position:relative;transition:all .2s ease;box-shadow:0 1px 4px #0000000d}.mbti-dist-box--me{background:#f9731614;box-shadow:0 0 12px #f9731633}.mbti-dist-me-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:var(--gradient-main);color:#fff;font-size:9px;font-weight:800;padding:1px 7px;border-radius:100px;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:900;letter-spacing:.5px;margin-bottom:1px;line-height:1.2}.mbti-dist-name{font-size:9px;color:var(--text-muted);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-light)}.global-stat-note{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:var(--primary);background:#f973161a;border:1px solid rgba(249,115,22,.25);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:#fff;border:1.5px solid;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);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:20px}.situation-carousel{display:flex;gap:14px;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 80vw;max-width:300px;scroll-snap-align:start;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 18px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.sc-card--done{border-color:#a855f759}.sc-card--locked{opacity:.72;filter:grayscale(.4)}.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:8px;padding-top:8px;border-top:1px solid var(--border);width:100%;font-size:11px;color:var(--text-muted);line-height:1.4}.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:20px;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 cubic-bezier(.34,1.56,.64,1);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:all .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;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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: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:#fff;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:12px;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:#fff;color:#333;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:#fee500;color:#191919;box-shadow:0 4px 16px #fee50040}.btn-register.btn-naver{background:#03c75a;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}.btn-start{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;border:none;color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:0;width:100%;transition:opacity .2s,transform .2s;letter-spacing:.02em}.btn-start:hover{opacity:.88;transform:translateY(-1px)}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1.5px solid rgba(0,0,0,.1);background:#0000000a;color:var(--text-muted);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-back:hover{background:#00000014;color:var(--text);transform:translate(-2px)}.btn-logout{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:12px;border:1.5px solid rgba(239,68,68,.25);background:#ef44440f;color:#ef4444;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-top:20px}.btn-logout:hover{background:#f973161f;transform:translateY(-1px)}.user-welcome-card .btn-logout{width:auto;padding:6px 12px;border-radius:100px;font-size:12px;margin-top:0}.btn-mypage{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:100px;border:1.5px solid rgba(249,115,22,.3);background:#f973161a;color:var(--primary-light);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-mypage:hover{background:#f973162e;transform:translateY(-1px)}.btn-start-test{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;border-radius:12px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #f9731640}.btn-start-test:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px #f973164d}.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,#f9731614,#fb923c0d);border:1.5px solid rgba(249,115,22,.25);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:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-top:16px;margin-bottom:8px}.result-section-title{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px}.result-toptraits-section{background:#f973160f;border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-sm);padding:16px 18px;margin:12px 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:var(--text);line-height:1.6}.result-warnings-section{background:#fbbf2412;border:1px solid rgba(251,191,36,.28);border-radius:var(--radius-sm);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,#f59e0b,#ef4444);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:var(--text);line-height:1.6}.result-famous-section{background:#f59e0b12;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:16px 18px;margin:4px 0}.result-famous-list{display:flex;flex-wrap:wrap;gap:8px}.result-famous-chip{display:inline-block;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:var(--text);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:12px 0 4px}.result-match-card{border-radius:var(--radius-sm);padding:16px 18px}.result-match-best{background:#10b9811a;border:1px solid rgba(16,185,129,.35)}.result-match-worst{background:#ef44441a;border:1px solid rgba(239,68,68,.35)}.result-match-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.result-match-type{font-size:16px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:10px}.result-match-text{font-size:13px;color:var(--text-muted);line-height:1.65;border-top:1px solid rgba(0,0,0,.07);padding-top:10px}.result-header{text-align:center;margin-bottom:16px}.test-type-label{display:inline-block;background:var(--gradient-main);color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;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:12px;border:1.5px solid rgba(249,115,22,.35);background:#f9731614;color:var(--primary-light);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:#f973162e;transform:translateY(-1px)}.btn-home{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:12px;border:1.5px solid rgba(0,0,0,.1);background:#0000000a;color:var(--text-muted);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-home:hover{background:#00000014;color:var(--text);transform:translateY(-1px)}.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:12px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #f9731640}.btn-mypage:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f973164d}.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:12px;border:none;background:var(--gradient-main);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #f9731640}.btn-result-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f973164d}.result-login-hint{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.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 #f973164d}.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:all .2s cubic-bezier(.34,1.56,.64,1);padding:0;flex-shrink:0}.share-icon-btn:hover{transform:translateY(-3px) scale(1.08)}.share-icon-label,.share-icon-wrap{display:none}.share-icon-btn--kakao{background:#fee500;color:#191919;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:#fff;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 cubic-bezier(.34,1.56,.64,1)}.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:all .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:12px;border:none;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:100%}.login-modal-btn:hover{transform:translateY(-2px)}.login-modal-btn--kakao{background:#fee500;color:#191919;box-shadow:0 4px 14px #fee5004d}.login-modal-btn--kakao:hover{box-shadow:0 8px 22px #fee50066}.login-modal-btn--naver{background:#03c75a;color:#fff;box-shadow:0 4px 14px #03c75a4d}.login-modal-btn--naver:hover{box-shadow:0 8px 22px #03c75a66}.login-modal-btn--google{background:#fff;color:#333;box-shadow:0 4px 14px #0000001f}.login-modal-btn--google:hover{box-shadow:0 8px 22px #0000002e}.login-modal-btn--apple{background:#1c1c1e;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)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 1px 8px #0000000f;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:40px;height:40px;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;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,.3)}.drawer-overlay{position:fixed;inset:0;background:#0006;z-index:150;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:#fff;border-left:1px solid rgba(0,0,0,.08);z-index:200;display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:24px 20px 32px;box-shadow:-4px 0 24px #0000001a}.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:all .2s}.drawer-close:hover{background:#0000001a;color:var(--text)}.drawer-profile{padding-top:40px;text-align:center;margin-bottom:20px}.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}.drawer-usersub{font-size:13px;color:var(--text-muted);margin-bottom:16px}.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:all .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;border-radius:10px;color:var(--text);font-size:15px;font-weight:500;text-decoration:none;transition:background .15s}.drawer-nav-item:hover{background:#0000000a}.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}.drawer-policy-btn:hover{color:var(--text)}.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;text-decoration:none;transition:all .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 cubic-bezier(.34,1.56,.64,1)}.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:0;right:0;z-index:100;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.07);box-shadow:0 -2px 12px #0000000f;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 #f9731666}.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:14px;font-family:inherit;background:#fafafa;color:var(--text);outline:none;transition:border-color .2s;text-align:center}.drawer-edit-name-input:focus{border-color:var(--primary);background:#fff}.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}.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}.drawer-edit-cancel-btn:hover{background:#0000000a}.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:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:24px 24px 40px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@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:#ef4444}.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)}.loading-overlay{position:fixed;inset:0;z-index:200;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 #fb923c33;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}.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}.opening-wrap{padding:20px 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 12px 40px #0006;margin-bottom:24px;aspect-ratio:16 / 9}.opening-image{width:100%;height:100%;display:block;object-fit:cover}.opening-title{font-size:22px;font-weight:800;text-align:center;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;line-height:1.3}.opening-hook{font-size:15px;color:var(--text-muted);text-align:center;white-space:pre-line;line-height:1.7;margin-bottom:14px;padding:0 4px}.opening-meta{display:flex;gap:16px;justify-content:center;font-size:13px;color:var(--text-muted);margin-bottom:20px;flex-wrap:wrap}.opening-info-box{width:100%;max-width:360px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.opening-info-row{display:flex;align-items:flex-start;gap:10px}.opening-info-icon{font-size:15px;flex-shrink:0;margin-top:1px}.opening-info-text{font-size:14px;color:var(--text-muted);line-height:1.5}.opening-nickname-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.opening-nickname-label{font-size:14px;font-weight:700;color:var(--text);text-align:center}.opening-nickname-input{width:100%;max-width:320px;padding:14px 18px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-card);color:var(--text);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s;text-align:center}.opening-nickname-input::placeholder{color:var(--text-muted);font-size:14px}.opening-nickname-input:focus{border-color:var(--primary-light)}.opening-nickname-input.input-error{border-color:#f5576c}.opening-nickname-error{font-size:13px;color:#f5576c;text-align:center}.btn-opening-start{width:100%;max-width:320px;padding:16px;border:none;border-radius:var(--radius-sm);color:#fff;font-size:17px;font-weight:800;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.3px;box-shadow:0 6px 20px #0000004d;margin-bottom:12px}.btn-opening-start:hover{opacity:.92;transform:translateY(-1px)}.btn-opening-start:active{transform:translateY(0)}.btn-opening-back{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px;transition:color .2s}.btn-opening-back:hover{color:var(--text)}.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;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip: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:#fff;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 #f9731659;transition:transform .2s,box-shadow .2s}.community-notify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731673}.fortune-card{border:1.5px solid;border-radius:var(--radius);padding:22px 20px 16px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.fortune-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.fortune-title{font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--text)}.fortune-date{font-size:11px;color:var(--text-muted);font-weight:500}.fortune-overall{text-align:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.fortune-overall-stars{font-size:16px;margin-bottom:10px;letter-spacing:2px}.fortune-overall-text{font-size:14px;color:var(--text);line-height:1.7;font-style:italic;font-weight:500}.fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.fortune-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.fortune-item-icon{font-size:18px;line-height:1}.fortune-item-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}.fortune-item-stars{font-size:11px;letter-spacing:1px;margin:2px 0}.fortune-item-text{font-size:12px;color:var(--text);line-height:1.6;margin-top:2px}.fortune-lucky{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-muted);background:#ffffff0a;border-radius:100px;padding:8px 16px}.fortune-lucky strong{color:var(--text);font-weight:700}.fortune-lucky-divider{color:#fff3;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:20px}.recommend-header-banner{border:1px solid;border-radius:var(--radius);padding:20px 20px 18px;text-align:center}.recommend-header-mbti{font-size:18px;font-weight:800;letter-spacing:1px;margin-bottom:6px}.recommend-header-title{font-size:20px;font-weight:800;color:var(--text);line-height:1.4;margin-bottom:8px}.recommend-header-story{font-size:13px;color:var(--text-muted);font-style:italic;line-height:1.6}.recommend-category-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.recommend-category-scroll::-webkit-scrollbar{display:none}.recommend-category-chip{flex-shrink:0;border:1.5px solid var(--border);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .18s;white-space:nowrap}.recommend-category-chip:hover{border-color:var(--primary);color:var(--primary)}.recommend-category-chip.active{font-weight:700}.recommend-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:var(--text-muted);font-size:14px}.recommend-loading-spinner{width:32px;height:32px;border:3px solid var(--border);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:var(--text)}.recommend-empty-desc{font-size:13px;color:var(--text-muted);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:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.recommend-card-img-wrap{width:100%;aspect-ratio:1 / 1;background:var(--bg-card2);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:32px;color:var(--text-muted)}.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;color:var(--primary);letter-spacing:.3px}.recommend-card-name{font-size:12px;font-weight:700;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card-price{font-size:13px;font-weight:800;color:var(--text)}.recommend-card-reason{font-size:11px;color:var(--text-muted);font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.recommend-card-btn{margin-top:auto;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;text-align:center}.recommend-shuffle-btn{width:100%;padding:14px;border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s}.recommend-shuffle-btn:hover{border-color:var(--primary);color:var(--primary);background:#f973160a}.other-products-section{margin-top:8px}.other-products-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:32px 0 28px}.other-products-header{text-align:center;margin-bottom:20px}.other-products-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.other-products-desc{font-size:13px;color:var(--text-muted)}.other-products-mbti-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:700;color:#fff;padding:3px 8px;border-radius:20px;z-index:1;letter-spacing:.3px}.coupang-disclosure{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.6;padding:12px 0 4px;border-top:1px solid var(--border);margin-top:8px}.admin-wrap{min-height:100vh;background:var(--bg);padding:0 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-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}.admin-input:focus{outline:none;border-color:var(--primary)}.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:all .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:all .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:#f973161f;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-mypage-cta{display:flex;align-items:center;gap:12px;margin:24px 0 8px;padding:16px 18px;background:linear-gradient(135deg,#f973161a,#fb923c0d);border:1.5px solid rgba(249,115,22,.15);border-radius:16px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.result-mypage-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f973161f;border-color:#f973164d}.result-mypage-cta-icon{font-size:28px;flex-shrink:0;line-height:1}.result-mypage-cta-body{flex:1;min-width:0}.result-mypage-cta-title{font-size:13px;font-weight:800;color:var(--primary);margin:0 0 3px;letter-spacing:-.3px}.result-mypage-cta-desc{font-size:12px;color:var(--text-muted);margin:0;line-height:1.45}.result-mypage-cta-arrow{font-size:18px;color:var(--primary);flex-shrink:0;font-weight:700;transition:transform .18s ease}.result-mypage-cta:hover .result-mypage-cta-arrow{transform:translate(3px)}.result-recommend-section{margin:24px 0 8px}.result-recommend-title{font-size:15px;font-weight:800;color:var(--text);text-align:center;margin-bottom:14px;letter-spacing:-.3px}.result-recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-recommend-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.result-recommend-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed1f}.result-recommend-emoji{font-size:28px;line-height:1}.result-recommend-name{font-size:12px;font-weight:800;color:var(--text);line-height:1.35;margin:0}.result-recommend-desc{font-size:11px;color:var(--text-muted);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}.result-recommend-btn:hover{opacity:.85}.result-recommend-allclear{text-align:center;font-size:15px;font-weight:800;color:var(--primary-light);background:linear-gradient(135deg,#f9731614,#fb923c0a);border:1.5px solid rgba(249,115,22,.12);border-radius:14px;padding:20px 16px;line-height:1.6;letter-spacing:-.2px}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 16px 40px;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)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:640px){.container{max-width:640px;padding-left:32px;padding-right:32px}.navbar-inner,.bottom-nav-inner{max-width:640px}.test-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.test-card{margin-bottom:0}.home-hero-name{font-size:40px}.home-hero-greeting{font-size:36px}.home-hero-phrase{font-size:30px}}@media(min-width:768px){.container{max-width:780px;padding-left:40px;padding-right:40px}.navbar-inner,.bottom-nav-inner{max-width:780px}.card{padding:36px 32px}.question-text{font-size:24px}.home-hero-name{font-size:44px}.home-hero-greeting{font-size:38px}.home-hero-phrase{font-size:32px}.home-hero-desc{font-size:14px}}@media(min-width:1024px){.container{max-width:980px;padding-left:48px;padding-right:48px;padding-bottom:60px}.navbar-inner{max-width:980px}.test-cards{grid-template-columns:1fr 1fr 1fr;gap:20px}.home-hero{padding:20px 4px 32px}.home-hero-name{font-size:50px}.home-hero-greeting{font-size:44px}.home-hero-phrase{font-size:36px}.home-hero-desc{font-size:15px}.question-text{font-size:26px}.card{padding:40px 36px}.result-header{padding:32px}.mypage-wrap{padding-top:24px}}