@charset "UTF-8";:root{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none;font-weight:500;line-height:1.8;--main:#4f46e5}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4f46e5;outline-offset:5px}h1:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.4}svg{width:28px;height:28px;display:block}h1,h2,p{margin:0}button{border:0}header{display:flex;align-items:center;gap:24px;min-height:92px;border-bottom:1px solid #e8eaf3}.shell{max-width:1160px;margin:auto;padding:0 40px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;text-decoration:none;letter-spacing:.02em}.brand-icon{background:var(--main);color:#fff;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;font-size:25px}.header-note{font-size:12px;color:#64748b;margin-left:auto}.free-tag{border:1px solid #dddff3;border-radius:30px;padding:4px 13px;color:var(--main);font-size:11px;font-weight:700}main{min-height:calc(100svh - 168px);padding:36px 0}.home{position:relative;display:grid;grid-template-columns:1.12fr 1fr;column-gap:30px;padding:38px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--main);margin-bottom:23px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--main);border-radius:50%;margin-right:10px}.hero-copy h1{font-size:clamp(32px,3.6vw,47px);line-height:1.6;letter-spacing:.035em;font-weight:800}.accent{color:var(--main)}.intro{font-size:18px;margin-top:25px;line-height:1.9}.hero-sub{color:#64748b;font-size:14px;margin:15px 0 28px}.primary{background:var(--main);color:#fff;border-radius:14px;min-height:52px;padding:12px 27px;display:inline-flex;justify-content:center;align-items:center;gap:30px;font-weight:700;box-shadow:0 7px 20px #4f46e51a;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.start{min-width:320px}.small-meta{color:#64748b;font-size:12px;margin:14px 0}.small-meta span{margin:0 9px;color:#cbd5e1}.mobile-break{display:none}.hero-art{position:relative;min-height:440px;display:grid;place-items:center;background:radial-gradient(ellipse,#eeedff 0%,#f2f2fc 45%,transparent 72%);isolation:isolate}.orbit{position:absolute;width:315px;height:315px;border:1px dashed #cac9e7;border-radius:50%;z-index:-1}.orbit-two{width:420px;height:420px;border-style:solid;border-color:#e9e8f4}.art-label{position:absolute;top:3px;right:45px;font-size:10px;letter-spacing:.22em;color:#9396af}.center-art{width:220px;height:228px;border-radius:48px;background:linear-gradient(155deg,#fff,#e7e5fb);box-shadow:0 22px 44px #615cad22,inset 0 0 0 8px #ffffff85;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.spark{color:var(--main);font-size:35px;position:absolute;top:3px;right:23px}.face{display:flex;gap:32px;position:relative;background:#fff;width:152px;height:99px;border-radius:32px;justify-content:center;align-items:center;box-shadow:0 4px 12px #b5b3dd16}.face i{width:11px;height:16px;border-radius:50%;background:#5852bf}.face b{position:absolute;width:22px;height:12px;border:3px solid #5852bf;border-top:0;border-radius:0 0 20px 20px;bottom:19px;left:64px}.art-caption{font-size:12px;color:#66678e;margin-top:20px;font-weight:700}.bubble{position:absolute;z-index:2;background:#fff;padding:15px 20px;border-radius:20px;box-shadow:0 12px 30px #28254c0c;font-size:13px;font-weight:700;color:#50536b}.bubble span{margin-left:15px;color:var(--main)}.bubble-one{top:58px;left:-8px;transform:rotate(-5deg)}.bubble-two{bottom:56px;right:-9px;transform:rotate(5deg)}.floating{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#fff;box-shadow:0 10px 25px #2a245112}.floating-0{top:114px;right:17px;transform:rotate(12deg)}.floating-1{bottom:120px;left:0;transform:rotate(-10deg)}.floating-2{bottom:5px;left:126px;transform:rotate(7deg)}.floating-3{top:0;left:178px;transform:rotate(-8deg)}.type-strip{grid-column:1/-1;display:grid;grid-template-columns:1.1fr repeat(4,1fr);border:1px solid #e7e9f0;border-radius:20px;background:#fff;padding:23px 25px;gap:20px;margin-top:50px}.strip-intro{font-size:12px;color:#64748b;line-height:1.8}.strip-intro strong{color:#0f172a;font-size:13px}.mini-type{display:flex;align-items:center;gap:12px}.mini-type>span{padding:10px;border-radius:14px;background:#f8fafc}.mini-type svg{width:23px;height:23px}.mini-type small{font-size:9px;color:#94a3b8;letter-spacing:.1em;display:block}.mini-type strong{font-size:12px;white-space:nowrap}.home-foot{grid-column:1/-1;text-align:center;font-size:12px;color:#94a3b8;margin-top:20px}footer{border-top:1px solid #e8eaf3;padding:20px 0;display:flex;justify-content:space-between;color:#94a3b8;font-size:11px;align-items:center}footer button{background:none;color:#64748b;font-size:11px;min-height:44px}.card{background:#fff;border:1px solid #e6e8f1;border-radius:28px;padding:32px 42px;box-shadow:0 14px 60px #1e1b4b04;margin:25px auto;max-width:960px}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-top .eyebrow{margin:0}.count{font-size:13px;color:#94a3b8}.count strong{font-size:24px;color:var(--main)}.progress{height:5px;background:#eef0f7;border-radius:10px;margin:14px 0 38px;overflow:hidden}.progress>span{height:100%;display:block;background:var(--main);border-radius:10px}.question-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center}.question-label{font-size:11px;letter-spacing:.12em;color:#94a3b8;font-weight:700;margin-bottom:15px}.question-copy h1{font-size:28px;line-height:1.6}.question-help{font-size:14px;color:#64748b;margin-top:20px;max-width:300px}.question-decoration{display:block;color:#d8d6ff;font-size:60px;margin-top:10px;line-height:1.3}fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:13px}.option{cursor:pointer;position:relative;display:flex;align-items:center;gap:13px;border:1px solid #e4e7f0;border-radius:14px;padding:16px;min-height:65px;font-size:16px;background:#fff;transition:background .15s,border-color .15s}.option:hover{border-color:#a5a1ee}.option.selected{border-color:var(--main);background:#f2f1ff;color:#3730a3;box-shadow:0 0 0 1px var(--main)}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:has(input:focus-visible){outline:3px solid #a5b4fc;outline-offset:3px}.option-number{display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#f1f3f9;color:#94a3b8;width:28px;height:28px;font-size:12px}.selected .option-number{background:var(--main);color:#fff}.check{margin-left:auto;color:var(--main);visibility:hidden}.selected .check{visibility:visible}.navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f6;margin-top:30px;padding-top:22px;gap:15px}.text-button{color:#64748b;min-height:48px;background:none;padding:8px 4px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result{text-align:center;max-width:820px}.result-steps{display:flex;justify-content:center;gap:35px;margin-bottom:32px}.result-steps button{display:flex;gap:7px;align-items:center;background:none;color:#94a3b8;min-height:44px;font-size:12px}.result-steps .active{color:var(--main);font-weight:700}.result-badge{color:var(--type-color);background:color-mix(in srgb,var(--type-color) 8%,white);height:78px;width:78px;border-radius:25px;display:grid;place-items:center;margin:0 auto 22px}.result-badge svg{width:38px;height:38px}.result .eyebrow{margin:0 0 12px}.result h1{font-size:29px;line-height:1.6}.result h1 small{display:block;font-size:11px;color:var(--type-color);letter-spacing:.2em;margin-bottom:7px}.catch{font-size:19px;margin-top:18px;color:var(--type-color)}.description{font-size:16px;line-height:2;color:#64748b;max-width:600px;margin:19px auto}.ties{background:#f8fafc;border-radius:12px;padding:12px;font-size:13px;margin-top:18px}.fine-print{font-size:12px;color:#7b8497;max-width:580px;margin:22px auto 0}.examples{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:22px 0}.examples li{background:#f8fafc;padding:16px;border-radius:14px;font-size:14px}.examples li span{display:block;font-size:12px;letter-spacing:.1em;color:var(--type-color);margin-bottom:8px}.prompt{text-align:left;background:#f4f3ff;border:1px solid #e4e0fb;border-radius:16px;padding:22px}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.prompt h2{font-size:15px}.prompt p{font-size:16px;line-height:1.9;-webkit-user-select:text;user-select:text}.copy-button{background:#fff;border:1px solid #dcddeb;border-radius:9px;color:#4f46e5;font-size:12px;padding:8px 12px;min-height:44px;white-space:nowrap}.tip{text-align:left;font-size:14px;color:#64748b;margin-top:20px}.tip strong{display:block;color:#4f46e5;font-size:12px;margin-bottom:6px}.line-icon{background:#06c755;color:#fff;border-radius:23px;width:74px;height:74px;margin:0 auto 20px;display:grid;place-items:center;font-size:18px;font-weight:900}.line-type{color:var(--type-color);font-size:14px;margin-top:20px}.line-button{display:flex;align-items:center;justify-content:center;gap:20px;background:#087f3e;color:#fff;border-radius:14px;padding:15px 22px;font-size:16px;font-weight:700;text-decoration:none;max-width:470px;margin:26px auto 20px;min-height:54px}.line-button:hover{background:#066832}.type-copy{background:#f8fafc;padding:16px;border-radius:14px}.type-copy p{font-size:13px;margin-bottom:9px;-webkit-user-select:text;user-select:text}.copy-status{font-size:13px;color:#4f46e5;margin-top:12px;min-height:0}.copy-fallback{width:100%;font:inherit;font-size:14px;min-height:100px;margin-top:10px;padding:12px;border:1px solid #cbc8e9;border-radius:12px}.notice{font-size:13px;background:#fff8e8;padding:12px;border-radius:12px}dialog{border:1px solid #e5e7eb;border-radius:22px;padding:28px;max-width:620px;width:calc(100% - 32px);max-height:85svh;color:#0f172a}dialog::backdrop{background:#0f172a70}dialog p{font-size:14px;color:#64748b;margin:16px 0}dialog h3{font-size:16px;margin-top:24px}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{font-size:22px}.dialog-top button{background:#f1f5f9;border-radius:50%;width:44px;height:44px;font-size:25px}@media(max-width:1000px){.shell{padding:0 28px}.type-strip{gap:12px;padding:20px 16px}.mini-type{gap:7px}.mini-type>span{padding:7px}.mini-type strong{font-size:11px}.hero-art{transform:scale(.9)}.header-note{display:none}.free-tag{margin-left:auto}}@media(max-width:700px){.shell{padding:0 20px}header{min-height:72px;gap:10px}.brand{font-size:16px}.free-tag{font-size:10px;padding:3px 10px}main{padding:20px 0;min-height:calc(100svh - 150px)}.home{grid-template-columns:1fr;padding-top:12px;gap:0}.hero-copy{text-align:center}.eyebrow{font-size:10px;margin-bottom:15px}.hero-copy h1{font-size:34px;line-height:1.55}.intro{font-size:16px;margin-top:18px}.hero-sub{font-size:13px;margin:12px 0 22px}.start{min-width:0;width:100%;max-width:370px}.mobile-break{display:block}.hero-art{min-height:325px;margin:6px auto 0;width:min(100%,370px);transform:scale(.83)}.orbit-one{width:280px;height:280px}.orbit-two{width:350px;height:350px}.center-art{width:190px;height:205px}.bubble-one{top:34px;left:-7px}.bubble-two{bottom:23px;right:-8px}.floating-0{top:80px;right:-10px}.floating-1{bottom:85px;left:-6px}.floating-2{bottom:-10px;left:115px}.floating-3{top:-20px;left:170px}.art-label{top:-28px;right:0}.type-strip{grid-template-columns:1fr 1fr;margin-top:10px;gap:15px;padding:20px}.strip-intro{grid-column:1/-1;text-align:center;font-size:12px}.strip-intro br{display:none}.strip-intro strong{margin-left:6px}.mini-type strong{font-size:12px}.home-foot{font-size:11px}.card{padding:23px 20px;margin:8px auto;border-radius:22px}.question-layout{grid-template-columns:1fr;gap:22px}.progress{margin-bottom:24px}.question-copy h1{font-size:24px}.question-label{margin-bottom:10px}.question-help{margin-top:12px;font-size:13px;max-width:none}.question-decoration{display:none}.option{padding:13px;min-height:61px;gap:10px}.navigation{margin-top:24px;padding-top:18px}.primary{padding:12px 20px;gap:16px}.result-steps{gap:17px;margin-bottom:23px}.result-steps button{font-size:11px}.result h1{font-size:25px}.catch{font-size:17px}.description{font-size:16px;line-height:1.9}.examples{grid-template-columns:1fr;gap:8px;margin:20px 0}.examples li{text-align:left;display:flex;align-items:center;gap:12px;padding:12px 15px;font-size:14px}.examples li span{margin:0}.prompt{padding:17px}.prompt-heading{flex-wrap:wrap}.prompt p{font-size:16px}.line-button{padding:15px 12px;font-size:14px;gap:10px}footer{gap:10px;font-size:10px}footer button{font-size:10px}.type-copy p{font-size:12px}}@media(orientation:landscape)and (max-height:550px){.shell{padding:0 24px}header{min-height:52px}.brand{font-size:14px}.brand-icon{width:28px;height:28px;font-size:20px}main{padding:10px 0;min-height:0}.quiz.card{margin:0 auto;padding:12px 22px;border-radius:18px}.quiz-top .eyebrow{font-size:10px}.count strong{font-size:19px}.progress{margin:6px 0 14px;height:4px}.question-layout{grid-template-columns:1fr 1.2fr;gap:24px}.question-copy h1{font-size:23px}.question-help{font-size:13px;margin-top:10px}.question-decoration{display:none}.question-label{margin-bottom:6px}fieldset{gap:7px}.option{padding:8px 12px;min-height:44px;font-size:16px;border-radius:10px}.option-number{width:24px;height:24px}.navigation{margin-top:12px;padding-top:10px}.primary{min-height:44px;padding:8px 19px}.text-button{min-height:44px}.quiz~footer,footer{padding:4px 0}.result{padding:16px 24px}.result-steps{margin-bottom:10px}.result-badge,.line-icon{width:54px;height:54px;margin-bottom:10px}.result h1{font-size:25px}.result .description{margin:10px auto}.examples{margin:14px 0}.home{padding-top:15px}.hero-art{min-height:350px}.type-strip{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(orientation:landscape)and (max-height:400px){header{min-height:40px}.brand-icon{width:25px;height:25px}main{padding:6px 0}.quiz.card{padding:8px 20px}.quiz-top{line-height:1.5}.count strong{font-size:18px}.progress{margin:4px 0 8px}.question-layout{grid-template-columns:1fr 1.4fr;gap:18px}fieldset{gap:5px}.option{line-height:1.4;padding:6px 10px;gap:8px}.navigation{margin-top:8px;padding-top:6px}.check{font-size:12px}.question-copy h1{font-size:22px}.question-help{line-height:1.7}}.result-copy-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.page-copy{margin-top:18px}