.cq-root{--cq-bg:#fafaf8;--cq-surface:#fff;--cq-text-main:#0f172a;--cq-text-sub:#475569;--cq-text-muted:#475569;--cq-primary:#ef5da8;--cq-primary-hover:#ba4983;--cq-primary-light:#fde8f3;--cq-accent:#f59e0b;--cq-border:#e2e8f0;--cq-radius-sm:8px;--cq-radius-md:16px;--cq-radius-lg:20px}.cq-root *{box-sizing:border-box;margin:0;padding:0}body.cq-page{background-color:var(--cq-bg);color:var(--cq-text-main);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;padding:32px 16px;font-family:Google Sans,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;display:flex}.cq-container{width:100%;max-width:480px;margin:auto}.cq-brand-header{justify-content:center;margin-bottom:24px;display:flex}.cq-brand-logo{width:120px;max-width:100%;height:auto;display:block}.cq-card{background:var(--cq-surface);border:1px solid var(--cq-border);border-radius:var(--cq-radius-lg);text-align:center;padding:36px 24px;box-shadow:0 4px 20px -2px #0f172a0d}.cq-badge-bar{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.cq-badge{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.cq-badge-swiss{color:#dc2626;background:#fee2e2}.cq-badge-age{background:var(--cq-primary-light);color:var(--cq-primary)}.cq-badge-safe{color:#047857;background:#d1fae5}.cq-intro .cq-badge-bar{align-items:center;gap:8px}.cq-intro .cq-badge{background:0 0;border-radius:0;padding:0}.cq-badge-dot{color:var(--cq-text-muted);font-size:12px}.cq-root h1.cq-title{letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.38}.cq-root p.cq-desc{color:var(--cq-text-sub);margin-bottom:24px;font-size:14.5px;line-height:1.55}.cq-callout{text-align:left;border-radius:0 var(--cq-radius-sm) var(--cq-radius-sm) 0;color:var(--cq-text-sub);background:#f8fafc;border-left:3px solid #1293c6;margin-bottom:24px;padding:14px 16px;font-size:13.5px;line-height:1.55}.cq-field-group{text-align:left;margin-bottom:18px}.cq-field-label{color:var(--cq-text-main);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.cq-input-box{border:1px solid var(--cq-border);border-radius:10px;outline:none;width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .15s}.cq-input-box:focus{border-color:var(--cq-primary)}.cq-age-selector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cq-age-btn{border:1px solid var(--cq-border);height:44px;color:var(--cq-text-sub);cursor:pointer;background:#fff;border-radius:10px;font-size:13.5px;font-weight:600;transition:all .15s}.cq-age-btn.cq-active{color:#171717;background:#eff9fd;border-color:#1293c6;font-weight:700}.cq-btn-main{color:#171717;cursor:pointer;background:#eff9fd;border:3px solid #1293c6;border-radius:16px;justify-content:center;align-items:center;width:100%;height:52px;margin-bottom:6px;font-size:15.5px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:flex;box-shadow:4px 6px #1293c6}@media (hover:hover){.cq-btn-main:hover{background:#e2f3fb}}.cq-btn-main:active{background:#d8eff9;transform:translate(4px,6px);box-shadow:0 0 #1293c6}.cq-btn-main:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;background:#eff9fd;transform:none}.cq-btn-main:focus-visible{outline-offset:8px;outline:3px solid #0f172a}@media (prefers-reduced-motion:reduce){.cq-btn-main{transition:none}}.cq-btn-sub{color:#191919;cursor:pointer;text-align:center;background:#fee500;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:10px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.cq-muted-caption{color:var(--cq-text-muted);margin-top:10px;font-size:12px}.cq-quiz-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cq-quiz-character-lane{height:54px;position:relative}.cq-quiz-character{object-fit:contain;width:28px;height:44px;bottom:10px;left:clamp(0px, calc(var(--cq-quiz-progress,6.6667%) - 14px), calc(100% - 28px));transition:left .25s;display:block;position:absolute}@media (prefers-reduced-motion:reduce){.cq-quiz-character,.cq-progress-bar{transition:none}}.cq-btn-back{color:var(--cq-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex}.cq-btn-back:hover{color:var(--cq-text-main)}.cq-progress-info{color:var(--cq-text-muted);font-size:12px;font-weight:700}.cq-progress-track{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.cq-progress-bar{background:#1293c6;width:6.6%;height:100%;transition:width .25s}.cq-q-step{text-align:left}.cq-q-title{color:var(--cq-text-main);margin-bottom:20px;font-size:18px;font-weight:800;line-height:1.45}.cq-options-col{flex-direction:column;gap:10px;display:flex}.cq-opt-btn{border:1px solid var(--cq-border);color:var(--cq-text-main);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.cq-opt-btn:hover{color:#171717;background:#eff9fd;border-color:#1293c6}.cq-opt-pill{color:var(--cq-text-sub);background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11px}.cq-deep-btn{border:1.5px solid var(--cq-border);color:var(--cq-text-main);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:16px 18px;font-size:14.5px;font-weight:600;line-height:1.5;transition:all .15s}.cq-deep-btn:hover{background:#eff9fd;border-color:#1293c6}.cq-textarea-box{border:1.5px solid var(--cq-border);resize:none;border-radius:12px;outline:none;width:100%;height:110px;margin-bottom:16px;padding:14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s}.cq-textarea-box:focus{border-color:var(--cq-primary)}.cq-completion-character{object-fit:contain;width:auto;max-width:100%;height:100px;margin:0 auto 20px;display:block}.cq-loading-wrap{padding:40px 0}.cq-spinner{border:4px solid var(--cq-primary-light);border-top-color:var(--cq-primary);border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cq-char-badge-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;font-size:32px;display:inline-flex;box-shadow:0 4px 12px #0000001a}.cq-char-badge-circle.cq-has-character{width:120px;height:120px;box-shadow:none;background:0 0;border-radius:0}.cq-char-badge-circle img{object-fit:contain;width:100%;height:100%;display:block}.cq-persona-card{color:#fff;background:#0f172a;border-radius:16px;margin-bottom:18px;padding:26px 20px}.cq-persona-tag{color:var(--cq-accent);letter-spacing:1px;font-size:12px;font-weight:800}.cq-persona-name{margin:4px 0 6px;font-size:22px;font-weight:800}.cq-persona-summary{color:#000;font-size:13.5px;line-height:1.45}.cq-receipt-box{text-align:left;background:#fff;border:1.5px dashed #cbd5e1;border-radius:12px;margin-bottom:18px;padding:18px 20px}.cq-rc-title{letter-spacing:1px;color:var(--cq-text-muted);border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.cq-rc-q{color:var(--cq-primary);margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.45}.cq-rc-q-en{color:#475569;margin-bottom:12px;font-size:13px;font-style:italic;line-height:1.45}.cq-roadmap-box{border:1px solid var(--cq-border);text-align:left;background:#f8fafc;border-radius:14px;margin-bottom:22px;padding:18px}.cq-roadmap-header{color:var(--cq-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.cq-roadmap-item{border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding-bottom:12px}.cq-roadmap-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cq-roadmap-label{color:var(--cq-text-muted);margin-bottom:3px;font-size:11.5px;font-weight:700}.cq-roadmap-text{color:var(--cq-text-main);font-size:13px;font-weight:600;line-height:1.45}.cq-result .cq-rc-q,.cq-result .cq-roadmap-header{color:var(--cq-result-accent,var(--cq-primary))}.cq-root button,.cq-root input,.cq-root textarea{font-family:inherit}.cq-root button,.cq-root a{touch-action:manipulation}.cq-container,.cq-card,.cq-q-step,.cq-options-col{min-width:0}.cq-card{overflow-wrap:anywhere}.cq-btn-main{height:auto;min-height:52px;padding:14px 16px;line-height:1.45}.cq-input-box,.cq-textarea-box{font-size:16px}.cq-opt-btn,.cq-deep-btn{text-align:left;width:100%;min-height:48px}.cq-opt-btn{gap:12px}.cq-opt-btn>span:first-child{min-width:0}.cq-opt-pill{flex-shrink:0}.cq-rc-title{flex-wrap:wrap;gap:6px 12px;line-height:1.5}.cq-roadmap-header{align-items:flex-start;line-height:1.5}.cq-roadmap-header>span:first-child{flex-shrink:0}.cq-muted-caption{line-height:1.6}@media (width<=480px){body.cq-page{padding:20px 12px;padding-bottom:max(20px, env(safe-area-inset-bottom))}.cq-card{padding:28px 20px}h1.cq-title{font-size:clamp(21px,5.5vw,24px)}.cq-brand-header{margin-bottom:20px}.cq-intro .cq-badge-bar{gap:6px}.cq-intro .cq-badge{white-space:nowrap;font-size:clamp(10px,2.8vw,11.5px)}.cq-age-selector{gap:6px}.cq-age-btn{min-height:44px;font-size:12px}.cq-persona-card{padding:24px 16px}.cq-persona-name{font-size:21px;line-height:1.4}.cq-receipt-box,.cq-roadmap-box{padding:16px}.cq-rc-title{letter-spacing:.4px}.cq-loading-wrap{padding:24px 0}}@media (width<=360px){body.cq-page{padding-left:8px;padding-right:8px}.cq-card{padding:24px 16px}.cq-persona-name{font-size:19px}.cq-btn-main,.cq-btn-sub{padding-left:12px;padding-right:12px;font-size:14px}}.cq-root{color:#0f172a;width:100%;max-width:480px;margin:auto;font-family:Google Sans,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.cq-root h1,.cq-root h2,.cq-root h3{font-family:Nunito,Google Sans,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.cq-root fieldset{border:0;min-width:0}.cq-root .cq-field-label{margin-bottom:6px}.cq-root .cq-badge-bar{align-items:center;gap:6px;font-size:11.5px;font-weight:700}.cq-root .cq-badge-swiss,.cq-root .cq-badge-age,.cq-root .cq-badge-safe{white-space:nowrap;background:0 0}.cq-root .cq-age-btn{justify-content:center;align-items:center;gap:5px;display:flex;position:relative}.cq-root .cq-age-btn input{appearance:none;cursor:pointer;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.cq-root .cq-age-btn:has(input:focus-visible){outline-offset:3px;outline:3px solid #0f172a}.cq-root .cq-opt-btn[aria-pressed=true],.cq-root .cq-deep-btn[aria-pressed=true],.cq-root .cq-active{background:#eff9fd;border-color:#1293c6}.cq-root .cq-opt-btn:disabled,.cq-root .cq-deep-btn:disabled{cursor:default}.cq-root button:focus-visible,.cq-root textarea:focus-visible,.cq-root input:focus-visible,.cq-root a:focus-visible{outline-offset:3px;outline:3px solid #1293c6}.cq-root .cq-error{color:#b91c1c;margin:6px 0 12px;font-size:13px;line-height:1.5}.cq-root .cq-persona-card{color:#000}.cq-root .cq-character{object-fit:contain;width:120px;height:120px;margin:0 auto 12px;display:block}.cq-root .cq-persona-tag,.cq-root .cq-rc-q,.cq-root .cq-roadmap-header{color:var(--cq-result-accent)}.cq-root .cq-rc-intro{color:#475569;margin-bottom:6px;font-size:12.5px;line-height:1.5}.cq-root .cq-tip{color:#475569;font-size:11.5px;line-height:1.4}.cq-root .cq-confetti{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;inset:0}@media (width<=360px){.cq-root .cq-badge-bar{gap:4px;font-size:10px}}body.cq-page>main{width:100%;max-width:480px;margin:auto}body.cq-page{color:#0f172a;background-color:#fafaf8}.cq-root h1.cq-title.cq-q-title{text-align:left;margin-bottom:20px;font-size:18px;line-height:1.45}.cq-root h1.cq-title.cq-email-title{font-size:21px}.cq-root .cq-title:focus{outline:none}.cq-root .cq-persona-name{letter-spacing:normal;font-family:inherit}.cq-root .cq-badge-age{color:#ba4983}.cq-root .cq-name-highlight{color:#086d96}@media (prefers-reduced-motion:reduce){.cq-root .cq-progress-bar,.cq-root .cq-quiz-character,.cq-root .cq-btn-main{transition:none}}
