@keyframes dq-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}60%{opacity:1;transform:translateY(-2px) scale(1.03)}to{opacity:1;transform:none}}@keyframes dq-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes dq-step{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes rl-glow{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 18px 2px rgba(255,255,255,.35)}}.pg-diag{& .dg-hero{max-width:1200px;margin:0 auto;padding:96px 24px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}& .dg-hero h1{margin:0;font-size:clamp(42px,6vw,80px);line-height:1.02;font-weight:600;letter-spacing:-.05em;max-width:900px}& .dg-hero p{margin:0;font-size:19px;line-height:30px;color:#5B6172;max-width:620px}& .dq{max-width:1040px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}& .dq-astro{position:sticky;top:120px;display:flex;flex-direction:column;align-items:center;gap:10px}& .dq-talk{align-self:stretch;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#0B0D14;color:#fff;font-size:14px;line-height:20px;font-weight:600;animation:dq-pop .45s cubic-bezier(.3,1.4,.5,1) both}& .dq-astro-fig{width:170px;aspect-ratio:220/260;display:grid;place-items:center;animation:dq-bob 4s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(11,13,20,.15))}& .dq-card{padding:32px;border-radius:28px;background:#fff;border:1px solid rgba(11,13,20,.08);box-shadow:0 30px 80px rgba(11,13,20,.08);min-height:380px}& .dq-step{display:flex;flex-direction:column;gap:16px;animation:dq-step .35s cubic-bezier(.2,.7,.2,1) both}& .dq-prog{height:6px;border-radius:99px;background:#F0F1F5;overflow:hidden}& .dq-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ca4560,#e19507,#0ab15c,#844caf);transition:width .45s cubic-bezier(.2,.7,.2,1)}& .dq-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#6B7185}& .dq-card h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.2;font-weight:600;letter-spacing:-.035em}& .dq-card h3{margin:0;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.03em}& .dq-hint{margin:-4px 0 0;font-size:15px;line-height:22px;color:#5B6172}& .dq-center{text-align:center;margin:0}& .dq-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}& .dq-kinds button{font:inherit;text-align:left;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;border:1px solid rgba(11,13,20,.1);background:#F6F7FB;cursor:pointer;transition:border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}& .dq-kinds button:hover{transform:translateY(-3px);border-color:#844caf;box-shadow:0 16px 36px rgba(132,76,175,.15)}& .dq-kinds strong{font-size:19px;letter-spacing:-.02em}& .dq-kinds span:last-child{font-size:14px;color:#5B6172}& .dq-kic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#844caf;color:#fff;margin-bottom:6px}& .dq-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}& .dq-a{font:inherit;font-size:17px;font-weight:600;padding:18px 12px;border-radius:16px;border:1.5px solid rgba(11,13,20,.12);background:#fff;cursor:pointer;color:#0B0D14;transition:background .2s,border-color .2s,transform .2s,color .2s}& .dq-a:hover{transform:translateY(-2px)}& .dq-a.is-sim.is-on,& .dq-a.is-sim:hover{border-color:#0ab15c;background:color-mix(in srgb,#0ab15c 10%,#fff)}& .dq-a.is-naosei.is-on,& .dq-a.is-naosei:hover{border-color:#e19507;background:color-mix(in srgb,#e19507 10%,#fff)}& .dq-a.is-nao.is-on,& .dq-a.is-nao:hover{border-color:#ca4560;background:color-mix(in srgb,#ca4560 10%,#fff)}& .dq-a:focus-visible,& .dq-back:focus-visible,& .dq-kinds button:focus-visible{outline:2px solid #844caf;outline-offset:2px}& .dq-back{border:0;background:none;font:inherit;font-size:15px;color:#5B6172;cursor:pointer;padding:6px 0;align-self:flex-start}& .dq-back:hover{color:#0B0D14}& .dq-score{display:flex;align-items:center;gap:24px;flex-wrap:wrap}& .dq-score>div:last-child{flex:1 1 240px;display:flex;flex-direction:column;gap:8px}& .dq-gauge{position:relative;width:220px;flex:none}& .dq-gauge svg{display:block;width:100%;height:auto}& .dq-gauge-n{position:absolute;left:0;right:0;bottom:2px;text-align:center;display:flex;justify-content:center;align-items:baseline;gap:2px}& .dq-gauge-n strong{font-size:52px;line-height:1;letter-spacing:-.05em}& .dq-gauge-n span{font-size:16px;color:#6B7185}& .dq-tally{margin:0;font-size:14px;color:#3A3F50}& .dq-issues{list-style:none;margin:0;padding:0;gap:10px}& .dq-issues,& .dq-issues li{display:flex;flex-direction:column}& .dq-issues li{padding:16px 18px;border-radius:18px;background:#F6F7FB;border:1px solid rgba(11,13,20,.07);gap:6px}& .dq-ia{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}& .dq-ia small{font-weight:500;font-size:12px;padding:2px 8px;border-radius:999px;background:#fff;border:1px solid rgba(225,149,7,.5);color:#9a6604}& .dq-issues p{margin:0;font-size:15px;line-height:22px;color:#3A3F50}& .dq-fix{color:#0B0D14!important}& .dq-fix b{color:#844caf}& .dq-f{display:flex;flex-direction:column;gap:6px;min-width:0}& .dq-f>span{font-size:14px;font-weight:600;color:#0B0D14}& .dq-f.is-wide{grid-column:1/-1}& .dq-f .dq-input[aria-invalid=true]{border-color:#ca4560;box-shadow:0 0 0 3px rgba(202,69,96,.12)}& .dq-err{font-size:13px;line-height:18px;color:#b3304b;margin:0}& .dq-submit{justify-content:center;min-height:56px;font-size:17px}& .dq-submit:disabled{opacity:.6;cursor:wait;transform:none}& .dq-result h3{margin:8px 0 0}& .dq-send{display:flex;flex-direction:column;gap:14px;margin-top:8px;padding-top:22px;border-top:1px solid rgba(11,13,20,.08)}& .dq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}& .dq-input{font:inherit;font-size:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(11,13,20,.16);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;min-width:0}& .dq-input:focus{border-color:#844caf;box-shadow:0 0 0 4px rgba(132,76,175,.14)}& .dq-luck{gap:12px;padding:18px;border-radius:22px;background:#F6F7FB;border:1px solid rgba(11,13,20,.07)}& .dq-luck,& .dq-prize{display:flex;flex-direction:column}& .dq-prize{gap:4px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(11,13,20,.08);animation:dq-pop .5s cubic-bezier(.3,1.4,.5,1) both}& .dq-prize strong{font-size:17px}& .dq-prize span{font-size:14px;line-height:21px;color:#3A3F50}& .dq-prize code{font-family:var(--font-mono);font-weight:700;padding:2px 8px;border-radius:8px;background:#fff;border:1px dashed #844caf;color:#844caf}& .dq-prize.is-win{background:color-mix(in srgb,#0ab15c 8%,#fff);border-color:color-mix(in srgb,#0ab15c 40%,transparent)}& .dq-wa{justify-content:center;background:#fff;color:#0B0D14;box-shadow:inset 0 0 0 1.5px #0ab15c,0 10px 26px rgba(10,177,92,.18)}& .dq-wa:hover{background:#F2FBF6;color:#0B0D14}& .dq-wa svg{color:#0ab15c}& .dq-wa.is-off{opacity:.45;pointer-events:none;box-shadow:inset 0 0 0 1.5px rgba(11,13,20,.2)}& .dq-rules{margin:0;font-size:12px;line-height:18px;color:#6B7185;text-align:center}& .rl{display:flex;flex-direction:column;align-items:center;gap:12px}& .rl-box{position:relative;width:100%;height:110px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 140% at 50% 0,#2a1846,#0B0D14);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}& .rl-mark{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;z-index:2;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8)}& .rl-mark:after,& .rl-mark:before{content:"";position:absolute;left:50%;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;transform:translateX(-50%)}& .rl-mark:before{top:0;border-top:12px solid #fff}& .rl-mark:after{bottom:0;border-bottom:12px solid #fff}& .rl-track{position:absolute;left:0;top:13px;display:flex;gap:12px;padding-left:0;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.08,.62,.08,1)}& .rl-tile{flex:none;width:100px;height:84px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:24px;font-weight:700;letter-spacing:-.03em;color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}& .rl-tile.is-win{color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 85%,#fff),var(--tc));border-color:transparent;font-size:30px}& .rl-tile small{font-size:10px;letter-spacing:.12em;opacity:.85}& .rl-btn{min-width:220px;justify-content:center}& .rl-btn:disabled{opacity:.55;cursor:default;transform:none}& .rl-note{margin:0;font-size:12px;color:#6B7185}& .dg-how{max-width:1040px;margin:0 auto;padding:64px 24px 120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}& .dg-how li{list-style:none;padding:22px;border-radius:22px;background:#F6F7FB;border:1px solid rgba(11,13,20,.08);display:flex;flex-direction:column;gap:8px}& .dg-how b{font-family:var(--font-mono);font-size:12px;color:#844caf}& .dg-how h3{margin:0;font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.02em}& .dg-how p{margin:0;font-size:15px;line-height:23px;color:#5B6172}@media (max-width:860px){& .dq{grid-template-columns:minmax(0,1fr);gap:12px}& .dq-astro{position:static;flex-direction:row;align-items:flex-end}& .dq-astro-fig{width:84px;flex:none;order:-1}& .dq-card{padding:22px}& .dq-fields,& .dq-kinds{grid-template-columns:minmax(0,1fr)}& .dq-gauge{width:180px;margin:0 auto}& .dg-how{grid-template-columns:minmax(0,1fr)}}}@media (prefers-reduced-motion:reduce){.pg-diag .dq-astro-fig{animation:none}}