/* GOALY 力の診断（論理的思考力診断・行動力診断）共通の見た目
   ゴリラ16タイプ診断（shindan.html）と同じ色・部品にそろえる。各ページの body に sk-logic / sk-action を付けて色を変える */
:root{
  --bg:#f4f8fc; --surface:#ffffff; --surface-2:#e9f0f8; --ink:#0a3b5c; --ink-2:#4d6f88; --ink-3:#7890a3; --line:#cddff1;
  --accent:#3a5bb1; --accent-ink:#ffffff; --accent-text:#3a5bb1; --accent-soft:#e4eaf7; --must:#f6c36a;
  --agree:#1f8f7e; --disagree:#6f62cf; --ok:#1f8f7e; --ng:#c0503a;
  --num:'Outfit','Zen Kaku Gothic New','Hiragino Sans',system-ui,sans-serif;
  --body:'Zen Kaku Gothic New','Hiragino Sans','Yu Gothic UI','Yu Gothic',Meiryo,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0c2233; --surface:#12314a; --surface-2:#173b58; --ink:#e8f1f8; --ink-2:#a6bfd3; --ink-3:#86a1b6; --line:#25506f;
    --accent:#4f73d1; --accent-text:#9db7f5; --accent-soft:#1f3a68; --agree:#5cc3b2; --disagree:#a69cf0; --ok:#5cc3b2; --ng:#ef8f7a;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0c2233; --surface:#12314a; --surface-2:#173b58; --ink:#e8f1f8; --ink-2:#a6bfd3; --ink-3:#86a1b6; --line:#25506f;
  --accent:#4f73d1; --accent-text:#9db7f5; --accent-soft:#1f3a68; --agree:#5cc3b2; --disagree:#a69cf0; --ok:#5cc3b2; --ng:#ef8f7a;
}
body.sk-logic{--g:#6f62cf}
body.sk-action{--g:#c46f17}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.sk-logic{--g:#a69cf0}:root:not([data-theme="light"]) body.sk-action{--g:#efaa5c}}
:root[data-theme="dark"] body.sk-logic{--g:#a69cf0}
:root[data-theme="dark"] body.sk-action{--g:#efaa5c}

body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.85;font-size:16px;margin:0}
[hidden]{display:none!important}
.gz{max-width:780px;margin:0 auto;padding:28px 16px 72px;box-sizing:border-box}
.gz *{box-sizing:border-box}
.gz p{margin:0}
.gz h1,.gz h2,.gz h3{margin:0;text-wrap:balance}
.gz-eb{font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--g)}
.gz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:15px;text-decoration:none;border-radius:14px;padding:12px 20px;min-height:48px;border:1.5px solid var(--line);color:var(--ink);background:var(--surface);cursor:pointer;line-height:1.4;text-align:center}
.gz-btn:hover{border-color:var(--accent)}
.gz-btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.gz-btn.pri:hover{filter:brightness(1.07)}
.gz-btn.big{font-size:17px;padding:14px 30px;min-height:56px;border-radius:99px;border:3px solid transparent;background:linear-gradient(var(--accent),var(--accent)) padding-box,linear-gradient(120deg,#6f62cf,#1f8f7e 55%,#c46f17) border-box;box-shadow:0 12px 28px -14px rgba(10,59,92,.65)}
.gz-btn.big:hover{transform:translateY(-2px)}
.gz-btn:focus-visible,.gz-scale button:focus-visible,.sk-opt:focus-visible{outline:3px solid var(--must);outline-offset:2px}
.gz-face{display:block}
.gz-face svg{display:block;width:100%;height:auto}
.gz-gimg{display:block;width:100%;height:auto}

/* はじめ */
.gz-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:12px 0 8px}
.gz-hero h1{font-size:clamp(30px,7vw,48px);line-height:1.28;font-weight:900;letter-spacing:.01em;margin:8px 0 14px}
.gz-hero h1 em{font-style:normal;color:var(--g)}
.gz-hero .lead{font-size:clamp(15.5px,2.4vw,17px);color:var(--ink-2);max-width:30em}
.gz-hero-art{width:clamp(150px,28vw,260px)}
@media (max-width:560px){.gz-hero{grid-template-columns:1fr}.gz-hero-art{justify-self:center;margin-top:-6px;width:180px;order:-1}}
.gz-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.gz-meta span{font-size:13px;font-weight:700;border-radius:99px;padding:4px 12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.gz-meta b{font-family:var(--num);color:var(--ink)}
.gz-start{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:560px){#start-box{justify-content:center}}
.gz-ih{margin-top:40px}
.gz-ih h2{font-size:clamp(21px,3.8vw,26px);margin:4px 0 6px;line-height:1.45}
.gz-ih .sub{font-size:14px;color:var(--ink-2)}
.sk-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.sk-list{grid-template-columns:1fr}}
.sk-list li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
.sk-list .no{font-family:var(--num);font-weight:800;font-size:15px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 14%,var(--surface));color:var(--g)}
.sk-list b{display:block;font-size:16px;line-height:1.4}
.sk-list b small{font-family:var(--num);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);margin-left:6px;font-weight:700}
.sk-list p{font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-top:2px}
.gz-why{margin-top:34px;background:var(--surface);border-radius:22px;padding:22px 22px 20px;border:1px solid var(--line)}
.gz-why h2{font-size:19px;margin:4px 0 12px}
.gz-why ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:w}
.gz-why li{display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:14.5px;line-height:1.75;color:var(--ink-2);counter-increment:w}
.gz-why li::before{content:counter(w);font-family:var(--num);font-weight:700;font-size:14px;width:28px;height:28px;border-radius:99px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}
.gz-why li b{color:var(--ink);display:block}
.gz-tip{margin-top:14px;font-size:13.5px;color:var(--ink-2);background:var(--surface-2);border-radius:12px;padding:10px 14px;line-height:1.7}
.sk-other{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.sk-other a{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:14px 16px}
.sk-other a:hover{border-color:var(--accent)}
.sk-other small{display:block;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent-text)}
.sk-other b{display:block;font-size:16px;margin:2px 0 2px}
.sk-other span{display:block;font-size:13px;color:var(--ink-2);line-height:1.65}

/* 質問 */
.gz-qtop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.gz-qnum{font-family:var(--num);font-weight:700;font-size:15px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.gz-qnum b{font-size:22px;color:var(--ink)}
.gz-back{font:inherit;font-size:13.5px;font-weight:700;color:var(--ink-2);background:none;border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;min-height:40px;cursor:pointer}
.gz-back:disabled{opacity:.4;cursor:default}
.gz-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.gz-bar i{display:block;height:100%;width:0;background:var(--g);border-radius:99px;transition:width .3s ease}
.gz-q{margin-top:18px;background:var(--surface);border-radius:26px;padding:22px 18px 22px;border:1px solid var(--line)}
.sk-kind{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 12px;margin-bottom:10px}
.sk-kind.mc{background:color-mix(in srgb,var(--g) 16%,var(--surface));color:var(--g)}
.sk-kind.lk{background:var(--surface-2);color:var(--ink-2)}
.sk-qhead{text-align:center}
.gz-cheer{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13.5px;font-weight:700;color:var(--accent-text);background:var(--accent-soft);border-radius:14px;padding:8px 12px;text-align:left}
.gz-cheer .gz-face,.gz-cheer img{width:34px;flex:none}
.gz-qtext{font-size:clamp(18px,4.4vw,22px);font-weight:700;line-height:1.65;text-align:center;margin:2px 6px 20px;white-space:pre-line;text-wrap:pretty}
.gz-qtext.mc{text-align:left;font-size:clamp(16.5px,4vw,19px);margin:2px 0 16px;background:var(--surface-2);border-radius:16px;padding:14px 16px}
.gz-scale{display:flex;align-items:center;justify-content:center;gap:2px}
.gz-scale button{flex:0 0 auto;width:44px;height:56px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;border-radius:12px}
.gz-scale button i{display:block;border-radius:99px;border:2.5px solid var(--c);transition:background .15s,transform .15s}
.gz-scale button:hover i{background:color-mix(in srgb,var(--c) 18%,transparent)}
.gz-scale button[aria-checked="true"] i{background:var(--c);transform:scale(1.08)}
.gz-scale .s3 i{width:44px;height:44px}.gz-scale .s2 i{width:36px;height:36px}.gz-scale .s1 i{width:28px;height:28px}.gz-scale .s0 i{width:22px;height:22px}
.gz-scale .ag{--c:var(--agree)}.gz-scale .dg{--c:var(--disagree)}.gz-scale .ne{--c:var(--ink-3)}
.gz-scl{display:flex;justify-content:space-between;max-width:330px;margin:8px auto 0;font-size:13px;font-weight:700}
.gz-scl span:first-child{color:var(--agree)}.gz-scl span:last-child{color:var(--disagree)}
@media (max-width:360px){.gz-scale button{width:40px}.gz-scale .s3 i{width:38px;height:38px}.gz-scale .s2 i{width:32px;height:32px}}
.sk-opts{display:grid;gap:8px}
.sk-opt{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;font:inherit;font-size:15.5px;font-weight:700;line-height:1.55;text-align:left;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:16px;padding:10px 14px;min-height:54px;cursor:pointer}
.sk-opt:hover{border-color:var(--g)}
.sk-opt i{font-style:normal;font-family:var(--num);font-weight:800;font-size:14px;width:30px;height:30px;border-radius:99px;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2)}
.sk-opt[aria-checked="true"]{border-color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--surface))}
.sk-opt[aria-checked="true"] i{background:var(--g);border-color:var(--g);color:#fff}
.gz-qhint{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:16px}

/* 集計中 */
.gz-load{text-align:center;padding:70px 0}
.gz-drum{display:flex;justify-content:center;align-items:flex-end;gap:7px;height:56px;margin-bottom:18px}
.gz-drum i{width:12px;border-radius:6px;background:var(--g);animation:gzDrum .5s ease-in-out infinite alternate}
.gz-drum i:nth-child(2){animation-delay:.12s;background:var(--accent)}.gz-drum i:nth-child(3){animation-delay:.24s}.gz-drum i:nth-child(4){animation-delay:.36s;background:var(--accent)}
@keyframes gzDrum{from{height:12px}to{height:56px}}
.gz-load b{font-size:20px}
.gz-load p{color:var(--ink-2);font-size:14px;margin-top:6px}

/* 結果 */
.gz-shared{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1.5px solid var(--accent);border-radius:18px;padding:14px 16px;margin-bottom:16px}
.gz-shared p{font-weight:700;font-size:15px}
.gz-res{border-radius:28px;padding:26px 22px 24px;background:color-mix(in srgb,var(--g) 12%,var(--surface));border:1.5px solid color-mix(in srgb,var(--g) 40%,var(--line))}
.gz-res-in{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
@media (max-width:560px){.gz-res-in{grid-template-columns:1fr}}
.gz-chip{display:inline-block;font-size:12.5px;font-weight:700;color:#fff;background:var(--g);border-radius:99px;padding:3px 12px}
:root[data-theme="dark"] .gz-chip{color:#0c2233}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gz-chip{color:#0c2233}}
.gz-you{font-size:15px;font-weight:700;color:var(--ink-2);margin-top:14px}
.gz-tname{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(30px,7vw,44px);font-weight:900;line-height:1.25;margin:2px 0 6px;color:var(--ink)}
.gz-catch{font-size:clamp(16px,2.8vw,19px);font-weight:700;margin-top:8px;line-height:1.6;text-wrap:balance;word-break:auto-phrase}
.gz-res-art{width:clamp(120px,22vw,170px)}
@media (max-width:560px){.gz-res-art{order:-1;width:min(190px,52vw);margin:0 auto -2px}.gz-res-in>div:first-child{text-align:center}}
.gz-desc{font-size:15px;color:var(--ink-2);margin-top:12px;line-height:1.85}
.sk-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:16px}
.sk-lv>div{background:var(--surface);border-radius:16px;padding:10px 14px}
.sk-lv small{display:block;font-size:12px;font-weight:700;color:var(--ink-3)}
.sk-lv b{font-family:var(--num);font-size:24px;line-height:1.3;color:var(--ink)}
.sk-lv b.jp{font-family:var(--body);font-size:17px}
.sk-lv span{font-family:var(--num);font-size:13px;font-weight:700;color:var(--ink-3);margin-left:2px}
.sk-lvc{font-size:14px;color:var(--ink-2);margin-top:10px;line-height:1.75}
.gz-note{margin-top:12px;font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:12px;padding:9px 12px;line-height:1.7}

.gz-share{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 16px 14px}
.gz-share h3{font-size:15px;margin-bottom:10px}
.gz-share-b{display:flex;flex-wrap:wrap;gap:8px}
.gz-share-b a,.gz-share-b button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:700;line-height:1;padding:11px 16px;min-height:44px;border-radius:99px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-decoration:none;cursor:pointer}
.gz-share-b a:hover,.gz-share-b button:hover{border-color:var(--accent)}
.gz-share-b .main{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.gz-share-b svg{width:18px;height:18px;flex:none}
.gz-ok{font-size:12.5px;color:var(--accent-text);margin-top:8px;min-height:1.2em}

.gz-sec{margin-top:40px}
.gz-sec>h2{font-size:clamp(21px,3.8vw,26px);margin:4px 0 14px;line-height:1.45}
.gz-sec>.sub{font-size:14px;color:var(--ink-2);margin:-6px 0 16px}
.gz-box{background:var(--surface);border-radius:22px;padding:20px;border:1px solid var(--line)}
.gz-biz{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:center}
@media (max-width:640px){.gz-biz{grid-template-columns:1fr}}
.gz-radar{max-width:320px;width:100%;margin:0 auto}
.gz-radar svg{width:100%;height:auto;display:block;overflow:visible}
.gz-skills{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gz-skills li{display:grid;grid-template-columns:7.2em 1fr auto;gap:4px 10px;align-items:center}
.gz-skills .nm{font-weight:700;font-size:14.5px}
.gz-skills .mt{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.gz-skills .mt i{display:block;height:100%;border-radius:99px;background:var(--g)}
.gz-skills li.top .nm::after{content:"得意";font-size:10px;font-weight:700;color:#fff;background:var(--ok);border-radius:6px;padding:0 5px;margin-left:6px;vertical-align:2px}
.gz-skills li.low .nm::after{content:"伸びしろ";font-size:10px;font-weight:700;color:#fff;background:var(--ng);border-radius:6px;padding:0 5px;margin-left:6px;vertical-align:2px}
.gz-skills .sc{font-family:var(--num);font-weight:700;font-size:16px;min-width:2.2em;text-align:right;font-variant-numeric:tabular-nums}
.gz-skills .cm{grid-column:1/-1;font-size:13.5px;color:var(--ink-2);line-height:1.7}

.sk-adv{display:grid;gap:12px}
.sk-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;border-top:5px solid var(--c)}
.sk-card.good{--c:var(--ok)}.sk-card.chal{--c:var(--ng)}
.sk-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sk-card-h b{font-size:19px}
.sk-card-h b small{font-size:12px;font-weight:700;color:var(--c);margin-right:8px;letter-spacing:.04em}
.sk-card-h span{font-family:var(--num);font-weight:800;font-size:22px;color:var(--c)}
.sk-card-h span em{font-style:normal;font-size:12px;color:var(--ink-3);margin-left:2px}
.sk-card>p{font-size:14px;color:var(--ink-2);margin-top:6px;line-height:1.75}
.sk-card h3{font-size:14.5px;margin:14px 0 8px;display:flex;align-items:center;gap:6px}
.sk-card h3 svg{width:18px;height:18px;color:var(--c);flex:none}
.sk-card ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:t}
.sk-card ol li{display:grid;grid-template-columns:24px 1fr;gap:8px;font-size:14.5px;line-height:1.75;counter-increment:t}
.sk-card ol li::before{content:counter(t);font-family:var(--num);font-weight:800;font-size:12.5px;width:22px;height:22px;margin-top:3px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,var(--surface));color:var(--c)}

.sk-ppl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.sk-ppl{grid-template-columns:1fr}}
.sk-p{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px}
.sk-p .av{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--surface));border:1.5px solid color-mix(in srgb,var(--g) 30%,var(--line))}
.sk-p small{display:block;font-size:12px;color:var(--ink-3);font-weight:700;line-height:1.5}
.sk-p b{display:block;font-size:17px;line-height:1.4;margin:1px 0 4px}
.sk-p p{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.sk-p em{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--g);border:1.5px solid color-mix(in srgb,var(--g) 50%,transparent);border-radius:99px;padding:0 9px;margin-top:8px}
.sk-pnote{font-size:12.5px;color:var(--ink-3);margin-top:10px;line-height:1.7}

.sk-qa{display:grid;gap:8px}
.sk-qa details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0}
.sk-qa summary{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;line-height:1.55}
.sk-qa summary::-webkit-details-marker{display:none}
.sk-qa summary::after{content:"＋";font-weight:700;color:var(--ink-3)}
.sk-qa details[open] summary::after{content:"－"}
.sk-qa .mk{font-size:12px;font-weight:800;border-radius:8px;padding:2px 8px;color:#fff}
.sk-qa .mk.o{background:var(--ok)}.sk-qa .mk.x{background:var(--ng)}
.sk-qa .bd{padding:0 14px 14px;font-size:14px;line-height:1.8;color:var(--ink-2)}
.sk-qa .bd .qt{white-space:pre-line;background:var(--surface-2);border-radius:12px;padding:10px 12px;color:var(--ink);margin-bottom:8px}
.sk-qa .bd p+p{margin-top:6px}
.sk-qa .bd b{color:var(--ink)}

.gz-app{border-radius:24px;padding:22px;background:var(--surface);border:2px solid var(--accent)}
.gz-app .why{font-size:13.5px;font-weight:700;color:var(--accent-text);background:var(--accent-soft);border-radius:10px;padding:6px 12px;display:inline-block;margin-bottom:12px;line-height:1.6}
.gz-app h3{font-family:var(--num);font-size:24px;letter-spacing:.04em;line-height:1.3}
.gz-app h3.jp{font-family:var(--body);letter-spacing:0}
.gz-app .tg{font-size:14px;color:var(--ink-2);margin:4px 0 12px}
.gz-app .pitch{font-size:15.5px;line-height:1.85}
.gz-app .pl{font-size:13px;color:var(--ink-3);margin-top:10px}
.gz-app .gz-start{margin-top:16px}
.gz-app2{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.gz-app2 small{display:block;font-size:12px;color:var(--ink-3);font-weight:700}
.gz-app2 b{font-family:var(--num);font-size:17px;letter-spacing:.04em}
.gz-app2 p{font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-top:2px}
@media (max-width:520px){.gz-app2{grid-template-columns:1fr}}

.gz-quote{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--surface);border-radius:22px;padding:18px 20px;border:1px solid var(--line)}
.gz-quote .gz-face,.gz-quote img{width:76px}
.gz-quote small{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--accent-text)}
.gz-quote p{font-size:clamp(17px,3vw,20px);font-weight:700;line-height:1.6;margin:4px 0 2px}
.gz-quote cite{font-style:normal;font-size:13px;color:var(--ink-3)}
.gz-end{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px}
.gz-disc{font-size:12px;color:var(--ink-3);line-height:1.8;margin-top:28px}
.gz-disc+.gz-disc{margin-top:8px}
/* 口ぐせ・あるある・エピソード・相棒 */
.sk-kuchi{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:15px;font-weight:700;background:var(--surface);border:2px solid var(--g);border-radius:18px;padding:5px 16px 5px 6px;line-height:1.5;text-align:left;word-break:auto-phrase}
.sk-kuchi small{font-size:11px;font-weight:700;color:#fff;background:var(--g);border-radius:99px;padding:2px 9px;flex:none}
@media (max-width:560px){.sk-kuchi{text-align:left}}
.gz-aru{margin-top:18px;background:var(--surface);border-radius:18px;padding:16px 18px}
.gz-aru h3{font-size:15px;margin-bottom:8px}
.gz-aru ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gz-aru li{font-size:14.5px;line-height:1.65;word-break:auto-phrase;padding-left:52px;position:relative}
.gz-aru li::before{content:"わかる";position:absolute;left:0;top:.2em;font-size:10px;font-weight:700;color:var(--g);border:1.5px solid var(--g);border-radius:6px;padding:0 4px;line-height:1.5}
.sk-epi{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.sk-epi{grid-template-columns:1fr}}
.sk-epi>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 18px;border-top:5px solid var(--c)}
.sk-epi .good{--c:var(--ok)}.sk-epi .oops{--c:var(--ng)}
.sk-epi h3{font-size:15px;line-height:1.5;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sk-epi h3 span{font-size:11.5px;color:#fff;background:var(--c);border-radius:99px;padding:1px 10px}
.sk-epi ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sk-epi li{font-size:14.5px;line-height:1.7;padding-left:18px;position:relative}
.sk-epi li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:99px;background:var(--c)}
.sk-mate{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:color-mix(in srgb,var(--g) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--g) 35%,var(--line));border-radius:22px;padding:16px 18px}
.sk-mate .art{width:96px}
.sk-mate small{display:block;font-size:12.5px;font-weight:700;color:var(--g);line-height:1.5}
.sk-mate b{display:block;font-size:21px;line-height:1.4;margin:2px 0 4px}
.sk-mate p{font-size:14px;color:var(--ink-2);line-height:1.75}
.sk-mate-ask{font-size:13.5px;font-weight:700;color:var(--accent-text);margin-top:10px;text-align:center}
/* シート（結果の画像） */
.gz-ov{position:fixed;inset:0;z-index:50;background:rgba(6,21,39,.5);display:flex;align-items:flex-end;justify-content:center}
.gz-sheet{background:var(--bg);color:var(--ink);font-family:var(--body);width:100%;max-width:620px;max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
@media (min-width:700px){.gz-ov{align-items:center}.gz-sheet{border-radius:24px}}
.gz-sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.gz-sheet-h b{font-size:15px}
.gz-x{width:44px;height:44px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.gz-x svg{width:20px;height:20px}
.gz-imgw img{display:block;width:100%;max-width:420px;margin:0 auto;border-radius:16px;box-shadow:0 14px 30px -18px rgba(10,59,92,.5)}
.gz-imgw p{font-size:13px;color:var(--ink-2);text-align:center;margin:10px 0 0;line-height:1.7}
.gz-imgw .gz-share-b{justify-content:center;margin-top:12px}
@media (prefers-reduced-motion:reduce){.gz-drum i,.gz-bar i,.gz-scale button i{animation:none;transition:none}}