html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font-sans),'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;min-height:100vh;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;padding:20px 48px;background:rgba(245,239,224,0.85);backdrop-filter:blur(12px);z-index:100;display:flex;justify-content:space-between;align-items:center}section{padding:100px 48px;position:relative}.container{max-width:1180px;margin:0 auto;position:relative}.section-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--coffee);margin-bottom:20px;letter-spacing:0.1em;text-transform:uppercase}.section-title{font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.2;letter-spacing:-0.02em;margin-bottom:20px}.section-title .highlight{color:var(--coffee);position:relative;display:inline-block}.section-title .highlight::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:10px;background:linear-gradient(90deg,var(--orange),var(--sun));opacity:0.35;z-index:-1;border-radius:5px}.section-subtitle{font-size:17px;color:var(--gray);max-width:640px;line-height:1.7;margin-bottom:60px}.hero{min-height:85vh;padding:160px 48px 80px;display:flex;align-items:center;position:relative;overflow:hidden}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:0.85}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width:900px){nav{padding:16px 20px}section{padding:70px 20px}.hero{padding:130px 20px 60px}}@media (max-width:640px){.quiz{padding:62px 16px 26px}.quiz-container{padding:16px 13px;border-radius:18px;overflow:visible}.quiz-resume-banner{padding:8px 12px;font-size:12.5px;margin-bottom:10px}.quiz-progress-wrap{gap:10px;margin-bottom:8px}.quiz-progress-text{font-size:12px}.quiz-question{font-size:17px;font-weight:800;line-height:1.35;margin:0 0 12px;padding:0;min-height:auto;letter-spacing:0}.quiz-tendency-hint{margin:-6px 0 10px;font-size:12px}.quiz-options{gap:7px;margin-bottom:14px}.quiz-option{padding:10px 13px;min-height:0;font-size:14px;gap:10px;line-height:1.35;border-radius:12px;border-width:1.5px}.quiz-option:hover{transform:none}.quiz-option:active{transform:scale(0.985);background:var(--milk-tea)}.quiz-option-marker{width:22px;height:22px;font-size:10.5px;border-width:1.5px}.quiz-nav{flex-direction:row;gap:8px}.quiz-nav-btn{padding:11px 16px;font-size:14px;flex:1}.hero{padding:80px 16px 32px;min-height:auto}.hero-title{font-size:26px;margin-bottom:14px}.hero-sub{font-size:14.5px;margin-bottom:20px}}@media (max-width:380px){.quiz-option{padding:9px 11px;font-size:13.5px}.quiz-option-marker{width:20px;height:20px;font-size:10px}.quiz-question{font-size:16px}}.quiz{background:var(--cream);position:relative;overflow:hidden}.quiz::before{content:'';position:absolute;top:10%;right:-10%;width:500px;height:500px;background:var(--sun);opacity:0.1;border-radius:50%;filter:blur(80px);pointer-events:none}.quiz::after{content:'';position:absolute;bottom:10%;left:-5%;width:450px;height:450px;background:var(--sage);opacity:0.12;border-radius:50%;filter:blur(80px);pointer-events:none}.quiz-container{position:relative;background:var(--cream-light);border:1px solid rgba(139,58,14,0.15);border-radius:32px;padding:36px 44px;max-width:820px;margin:0 auto;overflow:hidden;z-index:1}.quiz-question{font-size:clamp(22px,2.5vw,28px);font-weight:900;line-height:1.4;margin-bottom:20px;letter-spacing:-0.01em;min-height:0}.quiz-option{padding:13px 20px;min-height:48px;background:var(--cream);border:2px solid rgba(139,58,14,0.12);border-radius:16px;cursor:pointer;font-family:inherit;font-size:16px;color:var(--ink);text-align:left;transition:transform 0.12s ease,background 0.2s ease,border-color 0.2s ease;display:flex;align-items:center;gap:16px;line-height:1.6;-webkit-tap-highlight-color:transparent;user-select:none}.quiz-option:active{transform:scale(0.98);background:var(--milk-tea)}.quiz-option:hover{border-color:var(--coffee);background:var(--cream-light);transform:translateX(4px)}.quiz-option.selected{border-color:var(--coffee);background:var(--milk-tea)}.quiz-option.selected .quiz-option-marker{background:var(--coffee);color:var(--cream);border-color:var(--coffee)}.quiz-nav{display:flex;justify-content:space-between;gap:12px}@keyframes quizResultReveal{from{opacity:0;transform:translateY(14px) scale(0.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-2deg)}}.quiz-view{display:none}.quiz-view.active{display:block;animation:quizFadeIn 0.4s ease}@keyframes quizFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;color:var(--coffee);text-decoration:none}.nav-logo-mark{width:36px;height:36px;background:var(--coffee);color:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.nav-menu{display:flex;gap:32px;list-style:none}.nav-menu a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s ease}.nav-menu a:hover{color:var(--coffee)}.nav-cta{padding:10px 20px;background:var(--coffee);color:var(--cream);border-radius:100px;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s ease}.nav-cta:hover{background:var(--coffee-deep);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{width:24px;height:2px;background:var(--coffee);border-radius:2px;transition:all 0.3s ease;display:block}.nav-drawer{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--cream);z-index:200;padding:80px 40px 40px;display:flex;flex-direction:column;gap:8px;box-shadow:-4px 0 24px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease}.nav-drawer.open{transform:translateX(0)}.nav-drawer a{color:var(--ink);text-decoration:none;font-size:18px;font-weight:600;padding:12px 0;border-bottom:1px solid rgba(139,58,14,0.1);display:block;transition:color 0.2s ease}.nav-drawer a:hover{color:var(--coffee)}.nav-drawer-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--coffee);line-height:1}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:150}.nav-overlay.open{display:block}.section-label-line{width:32px;height:1px;background:var(--coffee);opacity:0.5}.hero-container{max-width:1180px;width:100%;margin:0 auto;position:relative;z-index:1;text-align:center}.hero-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--coffee);margin-bottom:28px;padding:6px 16px 6px 6px;background:var(--cream-light);border-radius:100px;border:1px solid rgba(139,58,14,0.15)}.hero-label-dot{width:10px;height:10px;background:var(--sun);border-radius:50%;box-shadow:0 0 0 4px rgba(232,152,85,0.25);animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(44px,5.5vw,72px);font-weight:900;line-height:1.1;margin-bottom:28px;letter-spacing:-0.03em;color:var(--ink);max-width:920px;margin-left:auto;margin-right:auto}.hero-title .highlight{color:var(--coffee);position:relative;display:inline-block}.hero-title .highlight::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:14px;background:linear-gradient(90deg,var(--orange),var(--sun));opacity:0.35;z-index:-1;border-radius:7px}.hero-sub{font-size:19px;color:var(--gray);max-width:620px;margin:0 auto 40px;line-height:1.7}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{padding:16px 32px;background:var(--coffee);color:var(--cream);border-radius:100px;text-decoration:none;font-size:15px;font-weight:600;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font-family:inherit}.btn-primary:hover{background:var(--coffee-deep);transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,58,14,0.3)}.btn-ghost{padding:16px 32px;background:transparent;color:var(--coffee);border:1.5px solid rgba(139,58,14,0.3);border-radius:100px;text-decoration:none;font-size:15px;font-weight:600;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:10px}.btn-ghost:hover{border-color:var(--coffee);background:var(--cream-light)}@media (max-width:900px){.nav-menu{display:none}.nav-cta{display:none}.nav-hamburger{display:flex}.hero-title{font-size:clamp(32px,8vw,44px)}}@media (max-width:480px){.hero-ctas{flex-direction:column;width:100%}.btn-primary,.btn-ghost{width:100%;justify-content:center}}.quiz-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin-bottom:24px;background:rgba(216,161,72,0.12);border:1px solid rgba(216,161,72,0.35);border-radius:10px;font-size:14px;color:var(--ink);flex-wrap:wrap}.quiz-resume-restart{background:none;border:none;color:var(--coffee);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:6px;transition:background 0.2s}.quiz-resume-restart:hover{background:rgba(139,58,14,0.08)}.quiz-progress-wrap{display:flex;align-items:center;gap:16px;margin-bottom:22px}.quiz-progress-text{font-size:14px;color:var(--coffee);font-weight:700;letter-spacing:0.02em;white-space:nowrap}.quiz-progress-bar{flex:1;height:8px;background:rgba(139,58,14,0.12);border-radius:100px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--sun),var(--terracotta),var(--coffee));border-radius:100px;width:0%;transition:width 0.5s cubic-bezier(0.34,1.56,0.64,1)}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.quiz-option-marker{width:28px;height:28px;border:2px solid rgba(139,58,14,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:700;color:var(--coffee);transition:all 0.2s ease}.quiz-nav-btn{padding:14px 28px;border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.2s ease;border:1.5px solid var(--coffee);background:transparent;color:var(--coffee)}.quiz-nav-btn:hover:not(:disabled){background:var(--coffee);color:var(--cream)}.quiz-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.quiz-nav-btn.primary{background:var(--coffee);color:var(--cream)}.quiz-nav-btn.primary:hover:not(:disabled){background:var(--coffee-deep)}.quiz-keyboard-hint{margin:16px 0 0;text-align:center;font-size:12px;color:var(--gray)}.quiz-keyboard-hint kbd{display:inline-block;padding:1px 7px;background:var(--cream);border:1px solid rgba(139,58,14,0.2);border-radius:4px;font-size:11px;font-family:inherit;font-weight:600;color:var(--coffee);margin:0 2px}@media (max-width:640px){.quiz-keyboard-hint{display:none}}@media (max-width:480px){.quiz-radar{padding:20px}}.quiz-result-header{text-align:center;margin-bottom:40px}.quiz-view#quiz-result.active .quiz-result-header{animation:quizResultReveal 0.65s cubic-bezier(0.22,0.8,0.3,1) both}.quiz-view#quiz-result.active .quiz-radar{animation:quizResultReveal 0.65s cubic-bezier(0.22,0.8,0.3,1) 0.12s both}.quiz-view#quiz-result.active .quiz-lead,.quiz-view#quiz-result.active .quiz-result-unlocked{animation:quizResultReveal 0.65s cubic-bezier(0.22,0.8,0.3,1) 0.24s both}@media (prefers-reduced-motion:reduce){.quiz-view#quiz-result.active .quiz-result-header,.quiz-view#quiz-result.active .quiz-radar,.quiz-view#quiz-result.active .quiz-lead,.quiz-view#quiz-result.active .quiz-result-unlocked{animation:none}}.quiz-result-label{font-size:14px;color:var(--coffee);font-weight:600;letter-spacing:0.15em;margin-bottom:12px;text-transform:uppercase}.quiz-result-icon-wrap{display:flex;justify-content:center;margin:8px auto 18px}.quiz-result-icon{width:160px;height:160px;border-radius:50%;background:color-mix(in srgb,var(--type-color,#8B3A0E) 22%,#F5EFE0);display:flex;align-items:center;justify-content:center;font-size:64px;line-height:1;box-shadow:0 0 0 3px var(--type-color,var(--coffee)),0 10px 32px rgba(0,0,0,0.08);position:relative;overflow:hidden;animation:iconPulse 2.4s ease-in-out infinite}.quiz-result-icon img,.quiz-result-icon-img{max-width:140px;max-height:140px;width:140px;height:140px;object-fit:contain;display:block;pointer-events:none}@media (prefers-reduced-motion:reduce){.quiz-result-icon{animation:none}}.quiz-result-type{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.2;margin-bottom:14px;letter-spacing:-0.02em}.quiz-result-code{display:inline-block;font-family:'Caveat',cursive;font-size:32px;color:var(--orange);font-weight:700;margin-bottom:20px}.quiz-result-summary-card{background:linear-gradient(135deg,#FFFCF5 0%,var(--cream-light) 100%);border:1px solid rgba(139,58,14,0.18);border-radius:20px;padding:28px 32px 30px;margin:0 auto 28px;max-width:600px;position:relative;overflow:hidden;box-shadow:0 2px 18px rgba(139,58,14,0.05)}.quiz-result-summary-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:6px;background:var(--type-color,var(--coffee))}.quiz-result-summary-card::after{content:'"';position:absolute;top:8px;right:22px;font-family:Georgia,'Times New Roman',serif;font-size:90px;line-height:1;color:var(--type-color,var(--coffee));opacity:0.12;font-weight:700;pointer-events:none}.quiz-result-summary-label{font-size:12px;font-weight:700;color:var(--type-color,var(--coffee));letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.quiz-result-summary-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--type-color,var(--coffee));box-shadow:0 0 0 3px rgba(139,58,14,0.12)}.quiz-result-summary{font-size:17px;line-height:1.85;color:var(--ink);margin:0;font-weight:500;position:relative;z-index:1}@media (max-width:600px){.quiz-result-summary-card{padding:22px 22px 24px;border-radius:16px}.quiz-result-summary{font-size:16px;line-height:1.8}.quiz-result-summary-card::after{font-size:70px;right:16px}}.quiz-result-teaser{font-size:18px;line-height:1.7;color:var(--ink);max-width:560px;margin:0 auto;font-weight:500}.quiz-radar{background:var(--cream);border:1px solid rgba(139,58,14,0.15);border-radius:24px;padding:32px;margin-bottom:32px}.quiz-radar-title{font-size:14px;font-weight:600;color:var(--coffee);letter-spacing:0.1em;margin-bottom:20px;text-transform:uppercase;text-align:center}.quiz-radar-svg{width:100%;max-width:360px;margin:0 auto;display:block}.quiz-result-secondary{background:var(--cream-light);border:1px solid rgba(139,58,14,0.15);border-radius:16px;padding:20px 24px;margin:0 auto 20px;text-align:center;max-width:520px}.quiz-result-secondary-label{font-size:12px;font-weight:700;color:var(--coffee);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px}.quiz-result-secondary-name{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:4px}.quiz-result-secondary-desc{font-size:14px;color:var(--gray)}.quiz-result-combo{border-radius:16px;padding:22px 26px;margin:0 auto 32px;max-width:600px;text-align:left;border-left:4px solid var(--coffee);border:1px solid rgba(139,58,14,0.12)}.quiz-result-combo[data-kind="synergy"]{background:rgba(139,158,90,0.08);border-left-color:#7B9E5A}.quiz-result-combo[data-kind="mixed"]{background:rgba(195,138,75,0.08);border-left-color:#C38A4B}.quiz-result-combo[data-kind="tension"]{background:rgba(208,93,58,0.08);border-left-color:#D05D3A}.quiz-result-combo-label{font-size:13px;font-weight:700;color:var(--coffee);letter-spacing:0.05em;margin-bottom:10px}.quiz-result-combo-tension{font-size:16px;color:var(--ink);line-height:1.75;margin:0}.quiz-result-careers{background:var(--cream);border:1px solid rgba(139,58,14,0.15);border-left:4px solid var(--coffee);border-radius:16px;padding:24px 28px;margin-bottom:32px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.quiz-result-careers-label{font-size:13px;font-weight:700;color:var(--coffee);letter-spacing:0.08em;margin-bottom:12px}.quiz-result-careers-text{display:flex;flex-wrap:wrap;gap:8px}.quiz-faq-wrap{max-width:820px;margin:60px auto 0}.quiz-faq-header{text-align:center;margin-bottom:32px}.quiz-faq-item{background:var(--cream-light);border:1px solid rgba(139,58,14,0.12);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color 0.2s}.quiz-faq-item[open]{border-color:rgba(139,58,14,0.3)}.quiz-faq-item summary{padding:18px 22px;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.quiz-faq-item summary::-webkit-details-marker{display:none}.quiz-faq-item summary::after{content:'+';font-size:22px;font-weight:300;color:var(--coffee);transition:transform 0.2s;flex-shrink:0}.quiz-faq-item[open] summary::after{transform:rotate(45deg)}.quiz-faq-body{padding:0 22px 20px;font-size:15px;color:var(--ink);line-height:1.8}.quiz-faq-body strong{color:var(--coffee);font-weight:700}.quiz-mini-insight{background:rgba(216,161,72,0.08);border:1px solid rgba(216,161,72,0.3);border-left:4px solid #D8A148;border-radius:16px;padding:22px 26px;margin:0 auto 32px;max-width:600px;text-align:left}.quiz-mini-insight-label{font-size:13px;font-weight:800;color:#B07A2C;letter-spacing:0.05em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.quiz-mini-insight-label::before{content:'🌱';font-size:16px}.quiz-mini-insight-text{font-size:15.5px;color:var(--ink);line-height:1.85;margin:0}.quiz-mini-insight-text strong{color:var(--coffee);font-weight:700}.quiz-lead{background:linear-gradient(135deg,var(--milk-tea),#DCC9A8);border:1px solid rgba(139,58,14,0.25);border-radius:24px;padding:40px;color:var(--ink);text-align:center;position:relative;overflow:hidden;margin-bottom:24px}.quiz-lead::before{content:'📩';position:absolute;top:-10px;right:-10px;font-size:120px;opacity:0.08;transform:rotate(15deg)}.quiz-lead-label{display:inline-block;font-size:12px;font-weight:700;background:var(--coffee);color:var(--cream);padding:5px 14px;border-radius:100px;letter-spacing:0.1em;margin-bottom:16px;position:relative;z-index:1}.quiz-lead-title{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:12px;letter-spacing:-0.01em;position:relative;z-index:1;line-height:1.4}.quiz-lead-desc{font-size:15px;color:var(--ink);line-height:1.7;max-width:520px;margin:0 auto 28px;position:relative;z-index:1}.quiz-lead-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:520px;margin:0 auto 28px;text-align:left;position:relative;z-index:1}.quiz-lead-item{font-size:14px;color:var(--ink);display:flex;align-items:center;gap:8px}.quiz-lead-item::before{content:'✓';color:var(--coffee);font-weight:700;flex-shrink:0}.quiz-lead-form{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto;position:relative;z-index:1}.quiz-lead-input{flex:1;padding:14px 18px;border:1.5px solid rgba(139,58,14,0.25);border-radius:100px;font-size:15px;font-family:inherit;background:var(--cream);color:var(--ink);transition:border-color 0.2s}.quiz-lead-input:focus{outline:none;border-color:var(--coffee)}.quiz-lead-input.error{border-color:#C0392B;background:rgba(192,57,43,0.05)}.quiz-lead-btn{padding:14px 28px;background:var(--coffee);color:var(--cream);border:none;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.25s ease;white-space:nowrap;width:100%;margin-top:4px}.quiz-lead-btn:hover:not(:disabled){background:var(--coffee-deep);transform:translateY(-1px);box-shadow:0 8px 22px rgba(139,58,14,0.25)}.quiz-lead-btn:disabled{opacity:0.6;cursor:not-allowed}.quiz-lead-error{margin:12px auto 0;max-width:480px;font-size:13px;color:#C0392B;min-height:18px;position:relative;z-index:1}.quiz-lead-note{margin:16px auto 0;max-width:480px;font-size:12.5px;color:var(--gray);line-height:1.6;position:relative;z-index:1}.quiz-unlock-toast{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:rgba(123,158,90,0.12);border:1px solid rgba(123,158,90,0.35);border-radius:12px;margin-bottom:28px}.quiz-unlock-toast-icon{flex-shrink:0;width:32px;height:32px;background:#7B9E5A;color:var(--cream);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.quiz-unlock-toast-text{font-size:14.5px;color:var(--ink);line-height:1.7;flex:1}.quiz-unlock-toast-text strong{color:#4F7138;font-weight:700;margin-right:4px}.quiz-share-card{background:var(--cream);border:1px solid rgba(139,58,14,0.18);border-radius:20px;padding:28px;margin:0 auto 32px;max-width:600px;text-align:center}.quiz-share-card-label{font-size:12px;font-weight:700;color:var(--coffee);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px}.quiz-share-card-title{font-size:19px;font-weight:800;color:var(--ink);margin-bottom:20px;line-height:1.4}.quiz-share-form{text-align:left;margin-bottom:16px}.quiz-share-name-label{display:block;font-size:13px;font-weight:600;color:var(--gray);margin-bottom:8px}.quiz-share-name-row{display:flex;gap:8px}.quiz-share-name-input{flex:1;padding:12px 16px;border:1.5px solid rgba(139,58,14,0.25);border-radius:10px;font-size:15px;font-family:inherit;background:var(--cream-light);color:var(--ink);transition:border-color 0.2s}.quiz-share-name-input:focus{outline:none;border-color:var(--coffee)}.quiz-share-gen-btn{padding:12px 20px;background:var(--coffee);color:var(--cream);border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background 0.2s}.quiz-share-gen-btn:hover{background:var(--coffee-deep)}.quiz-share-preview{margin-top:20px;padding-top:24px;border-top:1px dashed rgba(139,58,14,0.2)}.quiz-share-preview canvas{width:100%;max-width:420px;height:auto;border-radius:12px;display:block;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,0.18);background:var(--cream-light)}@media (max-width:640px){.quiz-share-preview canvas{max-width:100%}}.quiz-share-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.quiz-share-action-btn{padding:10px 22px;background:var(--cream-light);color:var(--coffee);border:1.5px solid var(--coffee);border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.2s}.quiz-share-action-btn:hover{background:var(--coffee);color:var(--cream)}.quiz-share-action-btn.primary{background:var(--coffee);color:var(--cream)}.quiz-share-action-btn.primary:hover{background:var(--coffee-deep)}.quiz-share-tip{font-size:12.5px;color:var(--gray);margin:0}@media (max-width:560px){.quiz-lead{padding:28px 22px}.quiz-lead-list{grid-template-columns:1fr;gap:8px}.quiz-share-name-row{flex-direction:column}.quiz-share-gen-btn{width:100%}.quiz-share-card{padding:22px 18px}}.quiz-disclaimer{text-align:center;font-size:12px;color:var(--gray);margin-top:24px;line-height:1.6;opacity:0.7}.quiz-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.quiz-restart-btn{padding:12px 24px;background:transparent;border:1.5px solid var(--coffee);color:var(--coffee);border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.2s ease}.quiz-restart-btn:hover{background:var(--coffee);color:var(--cream)}.bg-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.bg-shape-1{top:-10%;left:-5%;width:500px;height:500px;background:var(--sun);opacity:0.15;mix-blend-mode:multiply;filter:blur(20px)}.bg-shape-2{top:20%;right:-8%;width:600px;height:600px;background:var(--terracotta);opacity:0.12;mix-blend-mode:multiply;filter:blur(25px)}.bg-shape-3{bottom:-15%;left:40%;width:450px;height:450px;background:var(--sage);opacity:0.2;mix-blend-mode:multiply;filter:blur(30px)}.final-cta{background:var(--coffee);color:var(--cream);padding:80px 48px;text-align:center;position:relative;overflow:hidden}.final-cta::before{content:'啃';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:500px;font-weight:900;opacity:0.04;line-height:1;color:var(--cream);pointer-events:none}.final-cta-content{max-width:640px;margin:0 auto;position:relative;z-index:1}.final-cta-title{font-size:clamp(30px,4vw,42px);font-weight:900;margin-bottom:16px;letter-spacing:-0.02em;line-height:1.2}.final-cta-sub{font-size:17px;color:rgba(245,239,224,0.8);margin-bottom:32px;line-height:1.7}.final-cta-btn{padding:16px 40px;background:var(--cream);color:var(--coffee);border-radius:100px;text-decoration:none;font-size:16px;font-weight:700;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:10px}.final-cta-btn:hover{background:var(--sun);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.2)}footer{background:var(--coffee-deep);color:var(--cream);padding:60px 48px 32px;position:relative;overflow:hidden}.footer-content{max-width:1280px;margin:0 auto;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid rgba(245,239,224,0.15)}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.footer-brand-mark{width:48px;height:48px;background:var(--cream);color:var(--coffee);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}.footer-brand-text{font-size:20px;font-weight:900}.footer-desc{font-size:14px;color:#F5EFE0;line-height:1.8;max-width:380px}.footer-title{font-size:13px;font-weight:700;letter-spacing:0.1em;margin-bottom:20px;text-transform:uppercase;color:var(--sun)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:rgba(245,239,224,0.8);text-decoration:none;font-size:14px;transition:color 0.2s ease}.footer-links a:hover{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:rgba(245,239,224,0.5);flex-wrap:wrap}.footer-signature{font-family:var(--font-hand);font-size:22px;color:var(--sun);font-weight:700}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important}}@media (max-width:900px){.footer-grid{grid-template-columns:1fr;gap:32px}.final-cta{padding:60px 20px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.career-chip{display:inline-block;padding:6px 14px;background:var(--cream-light);border:1px solid rgba(139,58,14,0.18);border-radius:100px;font-size:14px;color:var(--ink);font-weight:500;line-height:1.4}.quiz-progress-dots{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 18px}.quiz-progress-dot{flex:1;min-width:18px;max-width:38px;height:6px;background:rgba(139,58,14,0.12);border:none;border-radius:100px;cursor:pointer;padding:0;transition:background 0.2s ease,transform 0.15s ease;-webkit-tap-highlight-color:transparent}.quiz-progress-dot.answered{background:var(--coffee);opacity:0.55}.quiz-progress-dot.current{background:var(--sun);opacity:1;height:8px}.quiz-progress-dot:disabled{cursor:not-allowed;opacity:0.3}.quiz-progress-dot:not(:disabled):active{transform:scaleY(1.4)}.quiz-tendency-hint{margin:-6px 0 14px;font-size:12.5px;color:var(--coffee);font-weight:600;letter-spacing:0.02em;opacity:0.85}.quiz-tendency-hint strong{font-weight:800;color:var(--coffee-deep)}@media (max-width:640px){.quiz-progress-dots{gap:4px;margin:-2px 0 10px;padding:0}.quiz-progress-dot{height:5px;min-width:14px}.quiz-progress-dot.current{height:7px}.quiz-tendency-hint{margin:-6px 0 10px;padding:0;font-size:12px}}.hero-result-sample{margin:40px auto 0;max-width:380px;text-align:center}.hero-result-sample-label{font-size:12px;font-weight:700;color:var(--coffee);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:12px;opacity:0.7}.hero-result-sample-card{background:var(--cream-light);border:1px solid rgba(139,58,14,0.18);border-radius:18px;padding:20px 22px;text-align:left;box-shadow:0 8px 26px rgba(139,58,14,0.08);transform:rotate(-1.2deg);transition:transform 0.3s ease}.hero-result-sample-card:hover{transform:rotate(0deg) scale(1.02)}.hero-result-sample-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.hero-result-sample-icon{width:64px;height:64px;background:color-mix(in srgb,#5BA5A5 22%,#F5EFE0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 2px #5BA5A5}.hero-result-sample-icon img{max-width:54px;max-height:54px;width:54px;height:54px;object-fit:contain;display:block;pointer-events:none}.hero-result-sample-type{font-size:16px;font-weight:900;color:var(--ink);line-height:1.2}.hero-result-sample-code{font-size:12.5px;color:var(--coffee);margin-top:2px;font-weight:600}.hero-result-sample-bars{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.hero-result-sample-bars span{display:block;height:6px;width:var(--w,50%);background:linear-gradient(90deg,var(--sun),var(--terracotta));border-radius:100px;opacity:0.7}.hero-result-sample-bars span:nth-child(1){opacity:1}.hero-result-sample-foot{font-size:12px;color:var(--gray);text-align:center;padding-top:10px;border-top:1px dashed rgba(139,58,14,0.15)}@media (max-width:640px){.hero-result-sample{margin:28px auto 0;max-width:300px}.hero-result-sample-card{padding:16px 18px}}/* === Mobile single-screen quiz overrides (must stay last to win source-order) === */
@media (max-width:640px){.quiz{padding:60px 16px 24px}.quiz-container{padding:14px 13px;border-radius:18px;overflow:visible}.quiz-progress-wrap{gap:10px;margin-bottom:8px}.quiz-progress-text{font-size:12px}.quiz-progress-dots{gap:4px;margin:-2px 0 8px}.quiz-question{position:static;background:none;border:none;font-size:16.5px;font-weight:800;line-height:1.35;margin:0 0 10px;padding:0;min-height:0;letter-spacing:0}.quiz-tendency-hint{margin:-4px 0 8px;font-size:12px}.quiz-options{gap:7px;margin-bottom:12px}.quiz-option{padding:9px 13px;min-height:0;font-size:14px;gap:10px;line-height:1.3;border-radius:12px;border-width:1.5px}.quiz-option-marker{width:22px;height:22px;font-size:10.5px;border-width:1.5px;align-self:flex-start;margin-top:1px}.quiz-nav{flex-direction:row;gap:8px}.quiz-nav-btn{padding:10px 16px;font-size:14px;flex:1}}
@media (max-width:380px){.quiz-option{padding:8px 11px;font-size:13.5px;line-height:1.28}.quiz-option-marker{width:20px;height:20px;font-size:10px}.quiz-question{font-size:15.5px}}
/* === Share image: 用真正的 <img> 顯示，canvas 僅用於離屏繪製 === */
#share-canvas{display:none}
.quiz-share-preview #share-image{width:100%;max-width:420px;height:auto;border-radius:12px;display:block;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,0.18);background:var(--cream-light);-webkit-touch-callout:default}
@media (max-width:640px){.quiz-share-preview #share-image{max-width:100%}}
/* === 複製測驗連結：已複製的成功狀態 === */
.quiz-share-action-btn.copied{background:#7B9E5A;border-color:#7B9E5A;color:#fff}
.quiz-share-action-btn.copied:hover{background:#6B8B4D;border-color:#6B8B4D;color:#fff}
/* P2-6: 複製分享文字按鈕的已複製成功狀態（跟 quiz-share-action-btn.copied 同色） */
.quiz-restart-btn.copied{background:var(--coffee);border-color:var(--coffee);color:var(--cream)}
/* 同分提示（主副型得分相同時顯示） */
.quiz-result-tied-note{font-size:13px;color:var(--gray);line-height:1.65;max-width:480px;margin:6px auto 4px;text-align:center;opacity:0.85}