/* GOALYシリーズ サイト共通スタイル（index / concept / todo / memo / mind / journal） */
:root{
  --bg:#f4f8fc; --surface:#ffffff; --surface-2:#e9f0f8; --ink:#0a3b5c; --ink-2:#4d6f88; --ink-3:#7890a3; --line:#cddff1; --band:#a7c6e7;
  --accent:#3a5bb1; --accent-ink:#ffffff; --accent-text:#3a5bb1; --accent-soft:#e4eaf7; --sky:#7aabdb; --must:#f6c36a;
  --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;
  --logo-light:inline-block; --logo-dark:none;
  color-scheme:light;
}
@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; --band:#1e4d70;
    --accent:#4f73d1; --accent-text:#9db7f5; --accent-soft:#1f3a68; --sky:#96bee8;
    --logo-light:none; --logo-dark:inline-block;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0c2233; --surface:#12314a; --surface-2:#173b58; --ink:#e8f1f8; --ink-2:#a6bfd3; --ink-3:#86a1b6; --line:#25506f; --band:#1e4d70;
  --accent:#4f73d1; --accent-text:#9db7f5; --accent-soft:#1f3a68; --sky:#96bee8;
  --logo-light:none; --logo-dark:inline-block;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.9;font-size:16px}
a{color:var(--accent-text)}
img{max-width:100%}
.flip{transform:scaleX(-1)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}

/* header */
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top,0px) + 10px) 0 10px}
.top-in{max-width:1040px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:18px}
.wordmark{font-family:var(--num);font-weight:700;letter-spacing:.18em;font-size:20px;color:var(--ink);text-decoration:none;line-height:1}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{font-size:14px;font-weight:700;color:var(--ink-2);text-decoration:none;padding:8px 10px;border-radius:10px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);background:var(--surface-2)}
.nav .open{background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:99px;margin-left:6px}
.nav .open:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(1.08)}
@media (max-width:720px){ .nav a:not(.open){display:none} .nav .open{font-size:13px} }

/* logo images */
.logo-l{display:var(--logo-light)} .logo-d{display:var(--logo-dark)}
.memo-mark{font-family:var(--num);font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:.28em;letter-spacing:.12em;line-height:1}
.memo-mark .sub{display:inline-grid;font-size:.44em;line-height:1.02;letter-spacing:.14em;color:var(--sky)}

/* common blocks */
.eyebrow{font-family:var(--num);font-size:12.5px;font-weight:700;letter-spacing:.18em;color:var(--accent-text);margin:0}
h1{font-size:clamp(30px,6.4vw,54px);line-height:1.3;margin:10px 0 16px;letter-spacing:.01em;text-wrap:balance}
h2{font-size:clamp(23px,4vw,32px);line-height:1.45;margin:0 0 12px;text-wrap:balance}
h3{font-size:18px;line-height:1.55;margin:0 0 6px}
p{margin:0 0 14px}
.lead{font-size:clamp(16px,2.2vw,18px);color:var(--ink-2);max-width:40em}
.sec{padding:72px 0}
.sec.alt{background:var(--surface)}
.sec-h{max-width:720px;margin:0 0 30px}
.sec-h p{color:var(--ink-2)}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;text-decoration:none;border-radius:14px;padding:12px 22px;min-height:48px;border:1.5px solid var(--line);color:var(--ink);background:var(--surface);cursor:pointer;font-family:inherit}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn:hover{filter:brightness(1.05)}
.btn .arr{font-family:var(--num)}
strong.mk{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--must) 55%,transparent) 62%)}

/* hero */
.hero{padding:64px 0 56px;position:relative;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.hero-gori{width:clamp(120px,22vw,220px);height:auto}
@media (max-width:640px){ .hero{padding:40px 0 36px} .hero-in{grid-template-columns:1fr} .hero-gori{justify-self:end;margin-top:-12px;width:118px} }

/* flow (思いつく→決める→動く→ふり返る) */
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:f}
.flow li{background:var(--surface);border-radius:18px;padding:18px 18px 16px;position:relative;counter-increment:f}
.sec.alt .flow li{background:var(--bg)}
.flow li::before{position:absolute;top:18px;right:18px;content:counter(f,decimal-leading-zero);font-family:var(--num);font-weight:700;font-size:13px;color:var(--accent-text);letter-spacing:.1em}
.flow li .fi{overflow:visible;display:block;width:56px;height:56px;padding:14px;box-sizing:content-box;margin-bottom:12px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}
.flow li{padding-top:18px}
.flow li b{display:block;font-size:17px;margin:4px 0 4px}
.flow li span{display:block;font-size:14px;color:var(--ink-2);line-height:1.75}
.flow li em{display:inline-block;margin-top:10px;font-style:normal;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent-text)}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:6px;height:6px;border-top:2px solid var(--band);border-right:2px solid var(--band);transform:translateY(-50%) rotate(45deg);z-index:1}
@media (max-width:820px){ .flow{grid-template-columns:1fr 1fr} .flow li:nth-child(2)::after{display:none} }
@media (max-width:480px){ .flow{grid-template-columns:1fr} .flow li::after{display:none} }

/* app cards */
.apps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:760px){ .apps{grid-template-columns:1fr} }
.app{background:var(--surface);border-radius:24px;padding:28px 26px 24px;display:flex;flex-direction:column;border:1px solid var(--line)}
.sec.alt .app{background:var(--bg)}
.app .brand{height:44px;display:flex;align-items:center;margin-bottom:18px}
.app .brand img{height:38px;width:auto}
.app .brand .memo-mark{font-size:38px}
.app .tag{font-size:19px;font-weight:700;line-height:1.5;margin:0 0 8px}
.app p{color:var(--ink-2);font-size:15px}
.app ul{list-style:none;padding:0;margin:4px 0 18px;display:grid;gap:6px}
.app li{font-size:14.5px;padding-left:22px;position:relative;line-height:1.7}
.app li::before{content:"";position:absolute;left:2px;top:.6em;width:10px;height:6px;border-left:2.4px solid var(--accent);border-bottom:2.4px solid var(--accent);transform:rotate(-45deg)}
.app .btns{margin-top:auto}
.app .url{font-family:var(--num);font-size:12.5px;color:var(--ink-3);margin-top:12px;letter-spacing:.02em}

/* principles */
.pr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){ .pr{grid-template-columns:1fr} }
.pr div{background:var(--surface);border-radius:18px;padding:22px 20px}
.sec.alt .pr div{background:var(--bg)}
.pr .n{font-family:var(--num);font-weight:700;font-size:28px;color:var(--sky);line-height:1}
.pr b{display:block;font-size:17px;margin:10px 0 6px;line-height:1.5}
.pr span{font-size:14.5px;color:var(--ink-2);line-height:1.8;display:block}

/* reads */
.reads{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){ .reads{grid-template-columns:1fr} }
.reads.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){ .reads.two{grid-template-columns:1fr} }
.read{display:block;background:var(--surface);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink);border:1px solid var(--line);transition:border-color .15s}
.sec.alt .read{background:var(--bg)}
.read:hover{border-color:var(--accent)}
.read .k{font-size:12px;font-weight:700;color:var(--accent-text);letter-spacing:.08em}
.read b{display:block;font-size:17px;line-height:1.5;margin:4px 0 6px}
.read span{display:block;font-size:14px;color:var(--ink-2);line-height:1.75}

/* feature grid (todo/memo) */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){ .feats{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .feats{grid-template-columns:1fr} }
.feat{background:var(--surface);border-radius:18px;padding:20px}
.sec.alt .feat{background:var(--bg)}
.feat .ic{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;margin-bottom:12px}
.feat .ic svg{width:22px;height:22px}
.feat b{display:block;font-size:16.5px;line-height:1.5;margin-bottom:4px}
.feat span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.8}
.feat .pro{font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:1px 7px;border-radius:99px;background:var(--accent);color:var(--accent-ink);margin-left:6px;vertical-align:2px}

/* screenshots */
.shots{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.shot{flex:0 0 auto;width:230px;scroll-snap-align:start;margin:0}
.shot img{width:100%;height:auto;border-radius:26px;border:6px solid var(--ink);background:var(--bg);display:block;box-shadow:0 14px 30px -18px rgba(10,59,92,.5)}
.shot figcaption{font-size:13.5px;color:var(--ink-2);text-align:center;margin-top:10px;line-height:1.6}
.shot figcaption b{display:block;color:var(--ink);font-size:14.5px}

/* ladder (4 stages) */
.ladder{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:640px}
.ladder li{background:var(--surface);border-radius:16px;padding:14px 18px;display:grid;grid-template-columns:118px 1fr;gap:4px 14px;align-items:baseline;position:relative}
.sec.alt .ladder li{background:var(--bg)}
.ladder li:nth-child(2){margin-left:22px}.ladder li:nth-child(3){margin-left:44px}.ladder li:nth-child(4){margin-left:66px;background:var(--accent-soft)}
.ladder .lv{font-weight:700;font-size:15px}
.ladder .lv small{display:block;font-family:var(--num);font-size:11px;letter-spacing:.12em;color:var(--ink-3);font-weight:700}
.ladder .ex{font-size:15px;line-height:1.7}
.ladder .ex span{display:block;font-size:13px;color:var(--ink-2)}
@media (max-width:560px){ .ladder li{grid-template-columns:1fr} .ladder li:nth-child(2){margin-left:10px}.ladder li:nth-child(3){margin-left:20px}.ladder li:nth-child(4){margin-left:30px} }

/* plans */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}
@media (max-width:640px){ .plans{grid-template-columns:1fr} }
.plan{background:var(--surface);border-radius:22px;padding:24px;border:1.5px solid var(--line)}
.sec.alt .plan{background:var(--bg)}
.plan.pro{border-color:var(--accent)}
.plan .nm{font-family:var(--num);font-weight:700;font-size:20px;letter-spacing:.06em}
.plan .pc{font-size:15px;color:var(--ink-2);margin:4px 0 14px}
.plan .pc b{font-family:var(--num);font-size:30px;color:var(--ink);margin-right:2px}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.plan li{font-size:14.5px;padding-left:22px;position:relative;line-height:1.7}
.plan li::before{content:"";position:absolute;left:2px;top:.6em;width:10px;height:6px;border-left:2.4px solid var(--accent);border-bottom:2.4px solid var(--accent);transform:rotate(-45deg)}

/* concept page */
.prose{max-width:720px}
.prose p{font-size:16.5px}
.quote{font-size:clamp(20px,3.4vw,26px);font-weight:700;line-height:1.6;border-left:4px solid var(--accent);padding:4px 0 4px 18px;margin:0 0 22px;text-wrap:balance}
.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--surface);border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.sec.alt .cycle{background:var(--bg)}
.cycle div{padding:20px 18px;border-right:1px solid var(--line)}
.cycle div:last-child{border-right:0}
.cycle b{display:block;font-size:17px;margin-bottom:4px}
.cycle span{display:block;font-size:14px;color:var(--ink-2);line-height:1.75}
.cycle em{display:block;font-style:normal;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--accent-text);margin-bottom:6px}
@media (max-width:760px){ .cycle{grid-template-columns:1fr 1fr} .cycle div:nth-child(2){border-right:0} .cycle div:nth-child(-n+2){border-bottom:1px solid var(--line)} }
@media (max-width:440px){ .cycle{grid-template-columns:1fr} .cycle div{border-right:0;border-bottom:1px solid var(--line)} .cycle div:last-child{border-bottom:0} }
.gori-row{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--surface);border-radius:22px;padding:22px 24px}
.sec.alt .gori-row{background:var(--bg)}
.gori-row img{width:110px;height:auto}
@media (max-width:520px){ .gori-row{grid-template-columns:1fr} .gori-row img{width:90px} }

/* CTA band */
.cta-band{background:var(--accent);color:var(--accent-ink);border-radius:28px;padding:36px 30px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cta-band h2{color:inherit;margin:0 0 6px}
.cta-band p{margin:0;opacity:.9}
.cta-band .btn{background:#fff;color:#1f3a7a;border-color:#fff}
.cta-band img{width:96px;height:auto}
@media (max-width:640px){ .cta-band{grid-template-columns:1fr;padding:28px 22px} .cta-band img{display:none} }

/* footer */
footer{border-top:1px solid var(--line);padding:34px 0 calc(34px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--ink-3)}
.foot{max-width:1040px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1.2fr 2fr;gap:24px}
.foot .wordmark{font-size:18px}
.foot p{margin:8px 0 0;font-size:13px}
.foot nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 18px}
.foot nav b{font-size:12px;color:var(--ink-2);letter-spacing:.06em;margin-bottom:2px}
.foot nav div{display:flex;flex-direction:column;gap:4px}
.foot a{color:var(--ink-2);text-decoration:none}
.foot a:hover{text-decoration:underline}
.copy{max-width:1040px;margin:22px auto 0;padding:0 16px;font-size:12px}
@media (max-width:720px){ .foot{grid-template-columns:1fr} .foot nav{grid-template-columns:1fr 1fr} }
.feat span.pro{display:inline-block;color:var(--accent-ink);line-height:1.6}
.nw{display:inline-block}

/* ゴリルのひとこと */
.gq{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--surface);border-radius:24px;padding:24px 26px;border:1px solid var(--line);max-width:820px}
.sec.alt .gq{background:var(--bg)}
.gq img{width:104px;height:auto}
.gq .lbl{font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--accent-text);margin:0 0 6px}
.gq-t{position:relative;font-size:clamp(18px,3vw,23px);font-weight:700;line-height:1.6;margin:0 0 14px;padding:14px 18px;border-radius:16px;background:var(--accent-soft);color:var(--ink);text-wrap:balance;min-height:3.2em}
.gq-t::before{content:"";position:absolute;left:-9px;top:22px;border:9px solid transparent;border-left:0;border-right-color:var(--accent-soft)}
.gq-next{font:inherit;font-size:13.5px;font-weight:700;color:var(--accent-text);background:none;border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;cursor:pointer}
.gq-next:hover{border-color:var(--accent)}
@media (max-width:560px){ .gq{grid-template-columns:1fr;gap:10px;padding:20px} .gq img{width:84px} .gq-t::before{left:28px;top:-9px;border:9px solid transparent;border-top:0;border-bottom-color:var(--accent-soft)} }
.app .brand img{height:38px;width:auto}

/* 3 apps (TODO / MEMO / MIND) */
.apps.a3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){ .apps.a3{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .apps.a3{grid-template-columns:1fr} }
.mind-mark{display:inline-flex;align-items:center;gap:.36em;font-family:var(--num);font-weight:700;font-size:26px;letter-spacing:.1em;color:var(--ink);line-height:1;white-space:nowrap}
.mind-mark img{width:1.45em;height:1.45em;border-radius:.34em;display:block}
.app .brand .mind-mark img{height:1.45em;width:1.45em}
/* series line: MEMO で拾う → MIND で考える → TODO で動かす */
.series-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:22px 0 0;font-weight:700;font-size:15px}
.series-line span{background:var(--accent-soft);color:var(--accent-text);border-radius:99px;padding:6px 14px;line-height:1.4}
.series-line i{font-style:normal;font-family:var(--num);color:var(--ink-3)}
.cycle.c3{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){ .cycle.c3{grid-template-columns:1fr} .cycle.c3 div{border-right:0;border-bottom:1px solid var(--line)} .cycle.c3 div:last-child{border-bottom:0} }
.cycle span a{display:inline-block;margin-left:4px}
/* can / can't (mind) */
.cw{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px}
@media (max-width:640px){ .cw{grid-template-columns:1fr} }
.cw>div{background:var(--bg);border-radius:18px;padding:20px 22px;border:1.5px solid var(--accent)}
.cw>div.no{border-color:var(--line)}
.cw b{display:block;font-size:16.5px;margin-bottom:6px}
.cw ul{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
/* reads groups */
.reads-h{font-family:var(--num);font-size:13px;letter-spacing:.14em;color:var(--ink-3);margin:26px 0 10px}
.reads-h:first-of-type{margin-top:0}
/* app card price line (index) */
.app .price-l{font-family:var(--num);font-size:13.5px;color:var(--ink-2);margin:0 0 6px;font-weight:600}
.app .price-l b{color:var(--ink)}
.app .url a{font-family:var(--body);font-size:12.5px;white-space:nowrap}

/* GOALY ロゴ（ゴリラのマーク＋文字。ライト／ダークで画像を切り替え） */
.gbrand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1;letter-spacing:0}
.gbrand img{display:block;width:auto;max-width:none}
.gbrand .gb-m{height:34px}
.gbrand .gb-w{height:18px}
.gbrand .gb-d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gbrand .gb-l{display:none}:root:not([data-theme="light"]) .gbrand .gb-d{display:block}}
:root[data-theme="dark"] .gbrand .gb-l{display:none}
:root[data-theme="dark"] .gbrand .gb-d{display:block}
.foot .gbrand .gb-m{height:34px}
.foot .gbrand .gb-w{height:18px}

/* 記事のカードの画像（2026-10-03） */
.read{overflow:hidden}
.read img.read-img{display:block;height:auto;width:calc(100% + 40px);max-width:none;margin:-20px -20px 14px;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}

/* アプリのマーク（文字ロゴの横） */
.app-mark{display:inline-block;width:auto!important;height:1.15em;aspect-ratio:1;border-radius:22%;object-fit:contain;margin-right:.35em;vertical-align:middle;flex:0 0 auto}
/* トップのアプリ紹介：マークを文字ロゴの上に中央ぞろえ。マークの高さは3つとも同じ */
.app .brand{flex-direction:column;justify-content:center;height:auto;gap:14px;margin-bottom:20px}
.app .brand .app-mark{height:84px!important;width:auto!important;margin:0}
.app .brand .logo-l,.app .brand .logo-d{height:34px}
.app-mark.logo-l{display:var(--logo-light)}
.app-mark.logo-d{display:var(--logo-dark)}

/* ===== AI × GOALY（いつものAIで計画→一括登録）2026-10-05 ===== */
.aip{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;margin-top:8px}
@media (max-width:820px){.aip{grid-template-columns:1fr;gap:20px}}
.aip-demo{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 18px 40px -26px rgba(10,59,92,.35)}
.aip-in{background:var(--surface-2);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14.5px;line-height:1.7;color:var(--ink)}
.aip-in small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);margin-bottom:2px}
.aip-ais{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:12px 0}
.aip-ai{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.aip-ai svg{width:15px;height:15px;color:var(--accent-text)}
.aip-arrow{display:flex;justify-content:center;color:var(--accent-text);margin:2px 0 10px}
.aip-tree{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.aip-tree li{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.5;color:var(--ink);background:var(--surface-2);border-radius:10px;padding:8px 10px}
.aip-tree li span{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:6px;padding:1px 7px}
.aip-tree .p{margin-left:14px}.aip-tree .t{margin-left:28px}.aip-tree .a{margin-left:42px}
.aip-tree .p span{background:#2c9c8c}.aip-tree .t span{background:#c97d24}.aip-tree .a span{background:#7b6fd6}
.aip-done{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:13px;font-weight:700;color:var(--accent-text)}
.aip-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:aip}
.aip-steps li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.aip-steps .ic{grid-row:span 2;width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center}
.aip-steps .ic svg{width:22px;height:22px}
.aip-steps b{font-size:15.5px;color:var(--ink)}
.aip-steps b em{font-style:normal;font-family:var(--num,inherit);color:var(--accent-text);margin-right:6px}
.aip-steps span{font-size:13.5px;color:var(--ink-2);line-height:1.65}
.aip-pts{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:820px){.aip-pts{grid-template-columns:1fr}}
.aip-pts li{background:var(--surface-2);border-radius:14px;padding:14px 16px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
.aip-pts li b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:2px}
.aip-band{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 22px}
@media (max-width:720px){.aip-band{grid-template-columns:1fr;text-align:center}}
.aip-band .ais{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:220px}
.aip-band h3{margin:0 0 4px;font-size:19px;color:var(--ink)}
.aip-band p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.7}
/* ===== ここまで ===== */

/* ===== アプリ紹介のイメージアニメーションとポイント 2026-10-05 ===== */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.anim-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 40px -26px rgba(10,59,92,.35)}
.anim-cap{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:14px;font-size:13.5px;color:var(--ink-2)}
.anim-cap span{display:inline-flex;align-items:center;gap:6px}
.anim-cap b{font-family:var(--num);color:var(--accent-text);font-size:12px;letter-spacing:.06em}
/* MEMO：AIが仕分ける */
.sort{--k-check:#d6962a;--k-seed:#3a5bb1;--k-idea:#2a9a8a;--k-tell:#4d86d1;display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:start}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sort{--k-seed:#7f9deb}}
:root[data-theme="dark"] .sort{--k-seed:#7f9deb}
@media (max-width:720px){.sort{grid-template-columns:1fr}}
.sort-pad{background:var(--surface-2);border-radius:18px;padding:14px;min-height:232px;display:flex;flex-direction:column}
.sort-hd{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:8px}
.sort-st{font-style:normal;font-size:11.5px;padding:2px 9px;border-radius:99px;background:var(--surface);color:var(--ink-3);transition:background .3s,color .3s}
.sort-st.busy{background:var(--accent-soft);color:var(--accent-text);animation:sortPulse 1s ease-in-out infinite}
.sort-st.done{background:var(--accent);color:var(--accent-ink)}
@keyframes sortPulse{50%{opacity:.55}}
.sort-card{background:var(--surface);border-radius:14px;padding:12px 14px;flex:1;transition:transform .55s cubic-bezier(.5,0,.6,1),opacity .55s}
.sort-card.out{transform:translate(40%,30%) scale(.4);opacity:0}
@media (max-width:720px){.sort-card.out{transform:translateY(60%) scale(.4)}}
.sort-txt{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);min-height:3.5em}
.sort-txt::after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:sortCaret .9s steps(1) infinite}
.sort-card.ai .sort-txt::after{display:none}
@keyframes sortCaret{50%{opacity:0}}
.sort-ai{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);display:grid;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.sort-card.ai .sort-ai{opacity:1;transform:none}
.sort-ai small{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--accent-text)}
.sort-ttl{font-size:14px;color:var(--ink)}
.sort-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.sort-kind{font-size:11.5px;font-weight:700;color:#fff;background:var(--k);border-radius:99px;padding:1px 9px}
.sort-tag{font-size:11.5px;color:var(--ink-2);background:var(--surface-2);border-radius:99px;padding:1px 8px}
.sort-bins{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bin{--k:var(--ink-3);border:1.5px solid color-mix(in srgb,var(--k) 45%,var(--line));border-radius:16px;padding:10px;min-height:110px;background:color-mix(in srgb,var(--k) 7%,var(--surface));transition:box-shadow .3s}
.bin.hit{box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 35%,transparent)}
.bin .k-check,.bin.k-check{--k:var(--k-check)}.bin.k-seed{--k:var(--k-seed)}.bin.k-idea{--k:var(--k-idea)}.bin.k-tell{--k:var(--k-tell)}
.sort .k-check{--k:var(--k-check)}.sort .k-seed{--k:var(--k-seed)}.sort .k-idea{--k:var(--k-idea)}.sort .k-tell{--k:var(--k-tell)}
.bin-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.bin-h b{font-size:13px;color:var(--k)}
.bin-h em{font-style:normal;font-family:var(--num);font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--k);color:#fff;transition:transform .25s}
.bin.hit .bin-h em{transform:scale(1.25)}
.bin ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.bin li{font-size:12px;line-height:1.45;background:var(--surface);border-radius:8px;padding:5px 8px;color:var(--ink);border-left:3px solid var(--k);animation:binIn .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes binIn{from{opacity:0;transform:translateY(-10px) scale(.85)}}
/* MIND：チャットからマップができる */
.mm{--b1:#3a5bb1;--b2:#2a9a8a;--b3:#c95a7d;--b4:#d6862a;--node:#0a3b5c;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:stretch}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mm{--b1:#8aa6ee;--b2:#5cc3b2;--b3:#e48aa6;--b4:#efaa5c;--node:#4f73d1}}
:root[data-theme="dark"] .mm{--b1:#8aa6ee;--b2:#5cc3b2;--b3:#e48aa6;--b4:#efaa5c;--node:#4f73d1}
@media (max-width:760px){.mm{grid-template-columns:1fr}}
.mm-chat{background:var(--surface-2);border-radius:18px;min-height:300px;overflow:hidden;position:relative}
@media (max-width:760px){.mm-chat{min-height:0;height:260px}}
.mm-chat::before{content:"";position:absolute;left:0;right:0;top:0;height:36px;background:linear-gradient(var(--surface-2),transparent);z-index:1}
.mm-log{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:7px}
.mm-b{max-width:88%;font-size:13px;line-height:1.6;padding:8px 11px;border-radius:14px;animation:binIn .4s ease-out}
.mm-b.u{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}
.mm-b.g{align-self:flex-start;background:var(--surface);color:var(--ink);border-bottom-left-radius:4px}
.mm-b.g small{display:block;font-size:10.5px;font-weight:700;color:var(--ink-3)}
.mm-b.q{font-weight:700}
.mm-b.dots{letter-spacing:3px;color:var(--ink-3)}
.mm-map{background:var(--surface);border:1px solid var(--line);border-radius:18px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:8px;background-image:radial-gradient(var(--line) 1px,transparent 1.4px);background-size:16px 16px}
.mm-map svg{width:100%;height:auto;display:block;overflow:visible}
.mm-n{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .45s,transform .5s cubic-bezier(.2,.9,.3,1.35)}
.mm-n.on{opacity:1;transform:none}
.mm-n rect{stroke-width:1.6}
.mm-n text{font-family:var(--body);font-size:11.5px;text-anchor:middle;dominant-baseline:central;fill:var(--ink)}
.mm-n.c rect{fill:var(--node);stroke:var(--node)}.mm-n.c text{fill:#fff;font-weight:700;font-size:12.5px}
.mm-n.br text{font-weight:700;font-size:12px}
.mm-n.leaf rect{fill:var(--surface)}
.mm-l{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset .6s ease-out}
.mm-l.on{stroke-dashoffset:0}
.mm-l.lf{stroke-width:1.6}
.mm-out{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px;min-height:30px}
.mm-out span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s,background .3s,color .3s}
.mm-out span.on{opacity:1;transform:none}
.mm-out span.go{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
/* ポイント（ミニ画面つきカード） */
.pts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.pts{grid-template-columns:1fr}}
.pt{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column}
.pt-mock{background:var(--surface-2);border-radius:16px;padding:12px;margin-bottom:16px;font-size:12.5px;line-height:1.6;color:var(--ink);min-height:196px;display:flex;flex-direction:column;gap:7px;justify-content:center}
.pt em{font-style:normal;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--accent-text)}
.pt h3{margin:2px 0 6px;font-size:18px;line-height:1.5;color:var(--ink)}
.pt p{margin:0;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.pm-h{font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}
.pm-card{background:var(--surface);border-radius:11px;padding:8px 10px;border-left:3px solid var(--k,var(--accent))}
.pm-card b{display:block;font-size:12.5px}
.pm-card small{display:block;font-size:11px;color:var(--ink-3)}
.pm-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pm-btn{font-size:10.5px;font-weight:700;border-radius:7px;padding:2px 8px;background:var(--accent);color:var(--accent-ink)}
.pm-btn.ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
.pm-chip{font-size:10.5px;font-weight:700;border-radius:99px;padding:1px 8px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.pm-date{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);background:var(--surface);border-radius:9px;padding:5px 9px;border:1px dashed var(--line)}
.pm-date svg{width:14px;height:14px;color:var(--accent-text);flex:none}
.pm-search{display:flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--accent);border-radius:11px;padding:6px 6px 6px 10px;font-size:12.5px}
.pm-search span{flex:1}
.pm-ai{background:var(--accent-soft);border-radius:11px;padding:8px 10px;font-size:12px;line-height:1.65}
.pm-ai i{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--accent);border-radius:5px;padding:0 6px;margin-right:6px}
.pm-act{display:flex;align-items:center;gap:7px;background:var(--surface);border-radius:9px;padding:5px 8px;font-size:12px}
.pm-act::before{content:"";width:13px;height:13px;border-radius:4px;background:var(--accent);flex:none;box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 5px #fff}
.pm-act span:first-child{flex:1}.pm-act .pm-chip{flex:none}
.pm-arrow{display:flex;justify-content:center;color:var(--accent-text);line-height:0}
.pm-arrow svg{width:18px;height:18px}
.pm-doc{background:var(--surface);border-radius:11px;padding:10px 12px;display:grid;gap:5px}
.pm-doc b{font-size:12.5px}
.pm-doc small{font-size:10.5px;font-weight:700;color:var(--accent-text);letter-spacing:.04em}
.pm-line{height:6px;border-radius:99px;background:var(--line)}
.pm-tree{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pm-tree li{display:flex;align-items:center;gap:6px;font-size:11.5px;background:var(--surface);border-radius:8px;padding:4px 8px}
.pm-tree li span{flex:none;font-size:9.5px;font-weight:700;color:#fff;background:var(--accent);border-radius:5px;padding:0 6px}
.pm-tree .p{margin-left:10px}.pm-tree .t{margin-left:20px}.pm-tree .a{margin-left:30px}
.pm-tree .p span{background:#2c9c8c}.pm-tree .t span{background:#c97d24}.pm-tree .a span{background:#7b6fd6}
@media (prefers-reduced-motion:reduce){.sort-st.busy,.sort-txt::after{animation:none}.bin li,.mm-b{animation:none}.mm-n,.mm-l,.sort-card,.sort-ai,.mm-out span{transition:none}}
/* ===== ここまで ===== */

/* ===== TODO：動きで見る（作成・達成・タイムライン・AI一括登録）2026-10-05 ===== */
.anim-note{margin:12px 0 0;font-size:12px;color:var(--ink-3);text-align:center;line-height:1.6}
.ta{--lg:var(--accent);--lp:#2c9c8c;--lt:#c97d24;--la:#7b6fd6;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:center}
@media (max-width:820px){.ta{grid-template-columns:1fr;gap:14px}}
.ta-tabs{display:grid;gap:8px}
@media (max-width:820px){.ta-tabs{grid-template-columns:repeat(4,1fr);gap:6px}}
.ta-tab{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;text-align:left;font:inherit;color:var(--ink);background:var(--surface-2);border:1.5px solid transparent;border-radius:16px;padding:12px 14px;cursor:pointer}
.ta-tab .ic{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:var(--surface);color:var(--accent-text);display:grid;place-items:center}
.ta-tab .ic svg{width:20px;height:20px}
.ta-tab b{font-size:15px;line-height:1.4}
.ta-tab span{font-size:12.5px;color:var(--ink-2);line-height:1.6}
.ta-tab[aria-selected="true"]{background:var(--surface);border-color:var(--accent)}
.ta-tab[aria-selected="true"] .ic{background:var(--accent);color:var(--accent-ink)}
.ta-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent)}
.ta-tab[aria-selected="true"] i.run{animation:taBar linear forwards}
@keyframes taBar{to{width:100%}}
@media (max-width:820px){.ta-tab{grid-template-columns:1fr;justify-items:center;text-align:center;padding:9px 4px;gap:4px}.ta-tab .ic{grid-row:auto;width:32px;height:32px}.ta-tab{padding:9px 2px}.ta-tab b{font-size:0;line-height:1.3}.ta-tab b::after{content:attr(data-sh);font-size:11px;white-space:nowrap}.ta-tab span{display:none}}
.ta-stage{position:relative;height:440px;background:var(--surface-2);border-radius:20px;overflow:hidden}
@media (max-width:520px){.ta-stage{height:470px}.ta-sc{padding:12px;gap:8px}.ta-tree li[data-p="7"],.ta-sc .ta-h[data-p="2"]{display:none}.ta .ta-tree li{font-size:12px;padding:5px 8px}.ta .ta-ais .aip-ai{font-size:11px;padding:2px 7px}.ta .ta-ais .aip-ai svg{width:12px;height:12px}.ta-sc .ta-card{font-size:12.5px!important}.ta-tree .a{margin-left:24px}.ta-tree .t{margin-left:16px}.ta-tree .p{margin-left:8px}}
.ta-sc{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.ta-sc.on{opacity:1;visibility:visible}
.ta-h{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-3)}
.ta-card{background:var(--surface);border-radius:13px;padding:10px 12px}
.ta-pop{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .4s cubic-bezier(.2,.9,.3,1.25)}
.ta-pop.on{opacity:1;transform:none}
/* 1. 作成 */
.ta-in{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--accent);border-radius:12px;padding:8px 8px 8px 12px;font-size:14px;min-height:46px}
.ta-in .tx{flex:1;color:var(--ink)}
.ta-in .tx:empty::before{content:"TODOを追加";color:var(--ink-3)}
.ta-in .tx.typing::after{content:"";display:inline-block;width:2px;height:1em;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:sortCaret .9s steps(1) infinite}
.ta-btn{flex:none;font-size:12.5px;font-weight:700;border-radius:9px;padding:6px 12px;background:var(--accent);color:var(--accent-ink);transition:transform .15s,filter .15s}
.ta-btn.press{transform:scale(.92);filter:brightness(1.15)}
.ta-meta{display:flex;flex-wrap:wrap;gap:6px}
.ta-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;border-radius:99px;padding:3px 10px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.ta-chip em{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c,var(--accent));border-radius:5px;padding:0 5px}
.ta-list{display:grid;gap:6px}
.ta-row{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:9px 12px;font-size:13.5px;color:var(--ink)}
.ta-row .ck{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--line);display:grid;place-items:center;transition:background .2s,border-color .2s}
.ta-row .ck::after{content:"";width:9px;height:5px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.ta-row .t{flex:1;line-height:1.45}
.ta-row .t small{display:block;font-size:11px;color:var(--ink-3)}
.ta-row .m{font-family:var(--num);font-size:11.5px;color:var(--ink-3)}
.ta-row .st{color:var(--must);margin-right:3px}
.ta-row.new{box-shadow:0 0 0 2px var(--accent)}
.ta-row.done .ck{background:var(--accent);border-color:var(--accent)}
.ta-row.done .ck::after{opacity:1}
.ta-row.done .t{color:var(--ink-3);text-decoration:line-through}
.ta-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.ta-slot.on{grid-template-rows:1fr}
.ta-slot>div{overflow:hidden}
/* 2. 達成 */
.ta-path{display:grid;gap:5px}
.ta-lv{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--surface);border-radius:10px;padding:7px 10px;color:var(--ink);transition:color .3s}
.ta-lv em{flex:none;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c);border-radius:5px;padding:1px 6px}
.ta-lv .nm{flex:1;position:relative}
.ta-lv .nm::after{content:"";position:absolute;left:0;top:52%;height:1.5px;width:0;background:var(--ink-3);transition:width .5s ease}
.ta-lv.done{color:var(--ink-3)}
.ta-lv.done .nm::after{width:100%}
.ta-lv.p{margin-left:12px}.ta-lv.t{margin-left:24px}
.ta-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin:2px 0 0 24px}
.ta-bar i{display:block;height:100%;width:0;background:var(--lt);transition:width .5s ease}
.ta-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%,16px);opacity:0;background:var(--ink);color:var(--bg);font-size:12.5px;font-weight:700;border-radius:10px;padding:9px 14px;width:max-content;max-width:calc(100% - 32px);transition:opacity .3s,transform .3s;z-index:2}
.ta-toast.on{opacity:1;transform:translate(-50%,0)}
.ta-win{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 70%,transparent);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;z-index:3}
.ta-win.on{opacity:1;visibility:visible}
.ta-win-c{background:var(--surface);border-radius:20px;padding:18px 18px 16px;width:min(86%,300px);text-align:center;box-shadow:0 20px 40px -20px rgba(10,59,92,.5);transform:scale(.8);transition:transform .45s cubic-bezier(.2,.9,.3,1.4)}
.ta-win.on .ta-win-c{transform:none}
.ta-win-c img{width:78px;height:auto;display:block;margin:0 auto 4px}
.ta-win-c b{display:block;font-size:17px;color:var(--ink)}
.ta-win-c small{display:block;font-size:12px;color:var(--accent-text);font-weight:700;margin-bottom:4px}
.ta-win-c p{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:var(--ink-2)}
.ta-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
.ta-conf i{position:absolute;top:-12px;width:7px;height:11px;border-radius:2px;animation:taFall linear forwards}
@keyframes taFall{0%{opacity:1}75%{opacity:1}to{transform:translate(var(--dx),420px) rotate(var(--r));opacity:0}}
/* 3. タイムライン */
.ta-tl{background:var(--surface);border-radius:14px;padding:10px 10px 12px;position:relative;flex:1}
.ta-tl-hd,.ta-tl-r{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px}
.ta-tl-hd{font-family:var(--num);font-size:10.5px;color:var(--ink-3);margin-bottom:6px}
.ta-tl-hd div{display:flex;justify-content:space-between}
.ta-tl-r{min-height:34px;font-size:12px;color:var(--ink);border-top:1px solid var(--line)}
.ta-tl-r .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.ta-tl-r .lb small{display:block;font-size:9.5px;font-weight:700;color:var(--c)}
.ta-tl-r .tr{position:relative;height:16px}
.ta-tl-r .bar{position:absolute;top:0;height:100%;border-radius:99px;background:color-mix(in srgb,var(--c) 25%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--c);transform-origin:left;transform:scaleX(0);transition:transform .6s cubic-bezier(.3,.8,.3,1),left .7s ease}
.ta-tl-r .bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--c);transition:width .7s ease .3s}
.ta-tl.on .bar{transform:none}
.ta-tl-r.drag .bar{box-shadow:inset 0 0 0 1.5px var(--c),0 4px 12px -4px rgba(10,59,92,.5)}
.ta-today{position:absolute;top:26px;bottom:8px;width:2px;background:#d6485a;border-radius:2px;opacity:0;transition:opacity .4s}
.ta-today::before{content:"今日";position:absolute;top:-2px;left:4px;font-size:9.5px;font-weight:700;color:#d6485a}
.ta-tl.today .ta-today{opacity:1}
/* 4. AI一括登録 */
.ta-ais{display:flex;flex-wrap:wrap;gap:5px}
.ta-ais .aip-ai{font-size:11.5px;padding:3px 9px;transition:background .3s,color .3s,border-color .3s}
.ta-ais .aip-ai.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.ta-ais .aip-ai.on svg{color:var(--accent-ink)}
.ta-tree{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ta-tree li{display:flex;align-items:center;gap:7px;font-size:12.5px;background:var(--surface);border-radius:9px;padding:6px 9px;color:var(--ink)}
.ta-tree li em{flex:none;font-style:normal;font-size:9.5px;font-weight:700;color:#fff;background:var(--c);border-radius:5px;padding:1px 6px}
.ta-tree .p{margin-left:12px}.ta-tree .t{margin-left:24px}.ta-tree .a{margin-left:36px}
.ta-done{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:var(--accent-text);background:var(--accent-soft);border-radius:12px;padding:9px}
.ta-done svg{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){.ta-sc,.ta-pop,.ta-slot,.ta-lv .nm::after,.ta-bar i,.ta-toast,.ta-win,.ta-win-c,.ta-tl-r .bar,.ta-tl-r .bar i{transition:none}.ta-conf{display:none}.ta-tab i.run{animation:none}}
/* ===== ここまで ===== */

/* フッターのSNS 2026-10-05 */
.foot .sns{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.foot .sns b{font-size:12px;color:var(--ink-2);letter-spacing:.06em;margin-right:4px}
.foot .sns a{font-size:12.5px;font-weight:700;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:3px 12px;text-decoration:none}
.foot .sns a:hover{border-color:var(--accent);color:var(--accent-text);text-decoration:none}

/* 各社AIのロゴ・SNSのアイコン（各社が配布しているロゴデータを使用）2026-10-06 */
.ai-logo{width:18px;height:18px;flex:none;border-radius:50%;background:#fff;padding:2px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(10,59,92,.14);object-fit:contain}
.sns-ic{display:inline-block;width:14px;height:14px;background:#000;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sns-ic{background:#fff}}
:root[data-theme="dark"] .sns-ic{background:#fff}
.foot .sns a{display:inline-flex;align-items:center;gap:6px}

/* ===== トップの体験パート（2026-10-07） ===== */
.hx{padding:56px 0 48px}
.hx-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:36px;align-items:center}
.hx-btns-m{display:none}
@media (max-width:860px){ .hx{padding:36px 0 32px} .hx-in{grid-template-columns:1fr;gap:22px;row-gap:64px} .hx-btns-d{display:none} .hx-btns-m{display:flex;margin-top:22px} }
.tx{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:26px;padding:18px 18px 16px;box-shadow:0 22px 50px -32px rgba(10,59,92,.45)}
.tx-head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:end;margin:-46px 0 12px}
.tx-gori{width:96px;height:auto;display:block;transform:rotate(var(--rx,0deg)) translateY(var(--ty,0px));transform-origin:50% 90%;transition:transform .25s ease-out;filter:drop-shadow(0 8px 10px rgba(10,59,92,.18))}
.tx-gori.pop{animation:gPop .45s ease}
@keyframes gPop{0%{transform:scale(.88) rotate(-4deg)}60%{transform:scale(1.06) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
.tx-say{position:relative;margin:0 0 10px;background:var(--accent-soft);color:var(--ink);font-weight:700;font-size:15px;line-height:1.65;border-radius:16px 16px 16px 4px;padding:10px 14px;min-height:3.6em}
.tx-say::before{content:"";position:absolute;left:-7px;bottom:10px;border:7px solid transparent;border-right-color:var(--accent-soft);border-left:0}
.tx-form{display:flex;gap:8px}
.tx-form input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;min-height:48px}
.tx-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.tx-form .btn{white-space:nowrap;padding:12px 16px}
@media (max-width:420px){ .tx-form{flex-direction:column} }
.tx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tx-chips button{font:inherit;font-size:13px;font-weight:700;color:var(--ink-2);background:var(--surface-2);border:1px solid transparent;border-radius:99px;padding:6px 12px;min-height:36px;cursor:pointer;transition:transform .15s,border-color .15s,color .15s}
.tx-chips button:hover{border-color:var(--accent);color:var(--accent-text);transform:translateY(-1px)}
.tx.on .tx-chips{display:none}
.tx-out{margin-top:14px}
.tx-tree{list-style:none;margin:0;padding:0;display:grid;gap:7px;position:relative}
.tx-r{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-left:calc(var(--lv) * 16px);background:var(--bg);border-radius:14px;padding:9px 12px;border-left:4px solid var(--c);animation:txIn .45s cubic-bezier(.2,.8,.2,1.15) both}
@keyframes txIn{from{opacity:0;transform:translateY(-8px) scale(.97)}}
.tx-r.r-goal{--c:#3a5bb1}.tx-r.r-pj{--c:#7aabdb}.tx-r.r-task{--c:#1f8f7e}.tx-r.r-todo{--c:var(--must)}
.tx-lb{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:99px;padding:2px 9px;white-space:nowrap;filter:saturate(1.1)}
.tx-r.r-todo .tx-lb{color:#9a6a12}
:root[data-theme="dark"] .tx-r.r-todo .tx-lb{color:var(--must)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .tx-r.r-todo .tx-lb{color:var(--must)} }
.tx-v{font-size:14.5px;font-weight:700;line-height:1.55;min-width:0}
.tx-r.r-goal .tx-v{font-size:15.5px}
.tx-ck{display:flex;align-items:center;gap:9px;width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}
.tx-ck i{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--must);display:grid;place-items:center;transition:background .2s,transform .2s}
.tx-ck i::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);margin-top:-3px;transition:transform .2s}
.tx-ck[aria-pressed="true"] i{background:var(--must);transform:scale(1.1)}
.tx-ck[aria-pressed="true"] i::after{transform:rotate(45deg) scale(1)}
.tx-ck[aria-pressed="true"] span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 40%,transparent);color:var(--ink-2)}
.tx-ck:focus-visible{outline:3px solid var(--must);outline-offset:3px;border-radius:6px}
.tx-hint{margin:10px 0 0;font-size:13.5px;font-weight:700;color:var(--accent-text);text-align:center;animation:txBlink 1.6s ease-in-out infinite}
@keyframes txBlink{50%{opacity:.45}}
.tx-done{margin-top:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1.5px solid var(--accent);border-radius:18px;padding:14px 16px;animation:txIn .5s both}
.tx-done b{display:block;font-size:16px}
.tx-done p{font-size:14px;color:var(--ink-2);margin:4px 0 0;line-height:1.7}
.tx-done .btns{margin-top:12px}
.tx-done .btn{font-size:14px;padding:10px 16px;min-height:44px}
.tx-foot{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:12px 0 0;font-size:12px;color:var(--ink-3);line-height:1.6}
.tx-again{font:inherit;font-size:13px;font-weight:700;color:var(--accent-text);background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tx-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:26px}
.tx-conf i{position:absolute;width:8px;height:12px;border-radius:2px;animation:txConf 1.5s cubic-bezier(.2,.7,.4,1) forwards}
@keyframes txConf{0%{transform:translate(0,0) rotate(0);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 220px)) rotate(var(--r));opacity:0}}

/* 診断の入口 */
.sec.dgw{padding:8px 0 56px}
.dg-band{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;text-decoration:none;color:var(--ink);background:linear-gradient(120deg,color-mix(in srgb,#6f62cf 12%,var(--surface)),color-mix(in srgb,#1f8f7e 10%,var(--surface)) 55%,color-mix(in srgb,#c46f17 10%,var(--surface)));border:1.5px solid var(--line);border-radius:24px;padding:16px 26px 16px 20px;transition:transform .2s,box-shadow .2s}
.dg-band:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(10,59,92,.55)}
.dg-band img{width:92px;height:auto;margin:-26px 0 -16px;transition:transform .3s}
.dg-band:hover img{transform:rotate(-4deg) scale(1.05)}
.dg-band h2{font-size:clamp(20px,3vw,25px);margin:2px 0 4px}
.dg-band p:not(.eyebrow){font-size:14px;color:var(--ink-2);margin:0;line-height:1.7}
.dg-band .btn{white-space:nowrap}
@media (max-width:700px){ .dg-band{grid-template-columns:auto 1fr;padding:16px} .dg-band img{width:72px;margin:-20px 0 -8px} .dg-band .btn{grid-column:1/-1} }

/* 4つのカードの小さな動き */
.flow li{transition:transform .2s,box-shadow .2s}
.flow li:hover{transform:translateY(-3px);box-shadow:0 14px 30px -24px rgba(10,59,92,.5)}
.flow li:hover .fi{animation:fiWig .6s ease}
@keyframes fiWig{25%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}

/* ゴリルの案内 */
.gg{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9;display:flex;align-items:flex-end;gap:6px;opacity:0;transform:translateY(24px);transition:opacity .35s,transform .35s;pointer-events:none}
.gg.in{opacity:1;transform:none}
.gg.in .gg-me,.gg.in .gg-x,.gg.in.talk .gg-say{pointer-events:auto}
.gg-me{background:none;border:0;padding:0;cursor:pointer;display:block}
.gg-me img{width:64px;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(10,59,92,.25));transform-origin:50% 100%}
.gg-me img.pop{animation:gPop .45s ease}
.gg-me:hover img{transform:rotate(-5deg)}
.gg-say{max-width:220px;margin:0 0 30px;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:16px 16px 4px 16px;padding:9px 13px;font-size:13.5px;font-weight:700;line-height:1.6;box-shadow:0 12px 26px -16px rgba(10,59,92,.45);opacity:0;transform:translateX(8px) scale(.95);transition:opacity .25s,transform .25s}
.gg.talk .gg-say{opacity:1;transform:none}
.gg-x{position:absolute;top:-6px;right:-4px;width:24px;height:24px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
@media (max-width:560px){ .gg-me img{width:52px} .gg-say{max-width:190px;font-size:13px} }
@media print{ .gg{display:none} }
@media (max-width:520px){ .tx{padding:16px 14px 14px} .tx-r{grid-template-columns:1fr;gap:4px;margin-left:calc(var(--lv) * 9px)} .tx-lb{justify-self:start} .tx-head{margin-top:-40px} .tx-gori{width:84px} }
@media (prefers-reduced-motion:reduce){ .tx-r,.tx-done,.tx-gori.pop,.gg-me img.pop,.flow li:hover .fi{animation:none} .tx-hint{animation:none} .gg,.gg-say,.tx-gori{transition:none} .tx-conf{display:none} }

/* 2026-10-07 AIのロゴを大きく／スマホは上部のゴリルを隠す */
.ai-logo{width:30px;height:30px;padding:3px}
.aip-ai{gap:8px;padding:6px 16px 6px 7px;font-size:14px}
.aip-band .ais{max-width:340px;gap:8px}
.ta-ais .ai-logo{width:24px;height:24px;padding:2px}
.ta-ais .aip-ai{gap:6px;padding:3px 11px 3px 4px}
@media (max-width:520px){ .ta-ais .ai-logo{width:20px;height:20px;padding:2px} .ta-ais .aip-ai{padding:2px 8px 2px 3px} }
@media (max-width:640px){ .hero-gori.hide-m{display:none} }

/* スマホでの使い方とアプリ版の予定（2026-10-09） */
.appsoon{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 28px;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:22px;padding:20px 24px;margin:0 0 22px}
.appsoon .as-h b{display:block;font-size:18px;margin:2px 0 4px}
.appsoon .as-h p:not(.eyebrow){font-size:14px;color:var(--ink-2);margin:0;line-height:1.7}
.as-st{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.as-st li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.as-k{font-family:var(--num);font-size:12px;letter-spacing:.04em;color:var(--accent-text);background:var(--accent-soft);border-radius:99px;padding:3px 10px;white-space:nowrap}
.as-how{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:8px}
.as-how summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--accent-text)}
.as-how p{font-size:13.5px;color:var(--ink-2);margin:6px 0 0;line-height:1.8}
@media (max-width:640px){ .appsoon{grid-template-columns:1fr;padding:18px} }

/* UI調整（2026-10-09）：ボタンは3段階（塗り＝主／枠＝副／文字リンク＝読みに行く）、アプリごとの色、セクションの強弱 */
:root{ --c-todo:#3a5bb1; --c-memo:#1f84c6; --c-mind:#178a86; --apps-bg:#e6eef8; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --c-todo:#7f9cf0; --c-memo:#5db4ea; --c-mind:#4cc2b9; --apps-bg:#0f2a40; } }
:root[data-theme="dark"]{ --c-todo:#7f9cf0; --c-memo:#5db4ea; --c-mind:#4cc2b9; --apps-bg:#0f2a40; }
.btn:not(.primary){background:transparent;border:1.8px solid var(--accent);color:var(--accent-text)}
.btn:not(.primary):hover{background:var(--accent-soft);filter:none}
.btn.primary{box-shadow:0 8px 18px -10px color-mix(in srgb,var(--accent) 80%,transparent)}
.hx .btns .btn:not(.primary){background:var(--surface);border:1.5px solid var(--line);color:var(--ink)}
.hx .btns .btn:not(.primary):hover{background:var(--surface);filter:brightness(1.05)}
.lnk{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 4px;font-weight:700;font-size:15px;color:var(--accent-text);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.lnk .arr{font-family:var(--num);transition:transform .2s}
.lnk:hover .arr{transform:translateX(3px)}
.btns{align-items:center}
.cta-band .btn,.cta-band .btn:not(.primary){background:#fff;border-color:#fff;color:#1f3a7a;box-shadow:0 10px 22px -12px rgba(0,0,0,.45)}
.cta-band .lnk{color:#fff}
/* 体験の「整理してもらう」は、ほかの青いボタンと分ける */
.tx .tx-go{background:var(--must);border-color:var(--must);color:#0a3b5c;box-shadow:0 8px 18px -10px rgba(196,140,40,.8)}
.tx .tx-go:hover{filter:brightness(1.04)}
/* ゴリラ診断の帯：枠を太く */
.dg-band{border-width:3px;border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}
/* アプリごとの色 */
.ap-todo{--ac:var(--c-todo)} .ap-memo{--ac:var(--c-memo)} .ap-mind{--ac:var(--c-mind)}
.app.ap-todo,.app.ap-memo,.app.ap-mind{position:relative;overflow:hidden}
.app.ap-todo::before,.app.ap-memo::before,.app.ap-mind::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--ac)}
.app[class*="ap-"] .tag{color:var(--ac)}
.app[class*="ap-"] li::before{border-color:var(--ac)}
.app[class*="ap-"] .btn.primary{background:var(--ac);border-color:var(--ac);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--ac) 80%,transparent)}
.app[class*="ap-"] .btn:not(.primary){border-color:var(--ac);color:var(--ac)}
.app[class*="ap-"] .btn:not(.primary):hover{background:color-mix(in srgb,var(--ac) 10%,transparent)}
.app[class*="ap-"] .url{margin-top:8px}
.app[class*="ap-"] .url .lnk{min-height:40px;font-family:var(--body);font-size:14px;letter-spacing:0;color:var(--ac)}
.flow li:nth-child(1){--ac:var(--c-memo)} .flow li:nth-child(2){--ac:var(--c-mind)} .flow li:nth-child(3),.flow li:nth-child(4){--ac:var(--c-todo)}
.flow li{border-top:4px solid var(--ac)}
.flow li .fi{color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent)}
.flow li em{color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent)}
.flow li::before{color:var(--ac)}
.series-line span:nth-child(1){color:var(--c-memo)} .series-line span:nth-child(3){color:var(--c-mind)} .series-line span:nth-child(5){color:var(--c-todo)}
/* セクションの強弱：アプリ紹介だけ背景を濃く、上の境目をカーブに */
.sec-apps{background:var(--apps-bg);position:relative}
.sec-apps .app{background:var(--surface);box-shadow:0 18px 40px -30px rgba(10,59,92,.5)}
.sec-apps::before{content:"";position:absolute;left:0;right:0;top:-1px;height:28px;background:var(--bg);clip-path:ellipse(70% 100% at 50% 0)}
.sec-h .eyebrow{display:inline-flex;align-items:center;gap:8px}
.sec-h .eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:currentColor}

/* 2026-10-09：アプリ紹介の説明文を横いっぱいに */
.sec-apps .sec-h{max-width:none}

/* 2026-10-09 背景に浮かぶバナナ（3段階）。ふだんは画面の下のほう、スクロールするとふわっと上がり、ゆっくり戻る（bnn.js）
   far …いちばん奥・強いぼかし・小さい（本文の後ろでもOK。スマホはこれだけ）
   mid …中くらい・少しぼかし（本文の端に少しかかる程度）
   near…手前・くっきり（左右の余白だけ） */
.bnn{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;--g:max(16px,calc((100vw - 1040px) / 2))}
.bnn i{position:absolute;display:block;aspect-ratio:1;background:center/contain no-repeat;
  translate:0 calc(var(--lift,0) * var(--k,1) * -1px);
  animation:bnn-f var(--d,9s) ease-in-out infinite alternate;animation-delay:var(--dl,0s);will-change:transform,translate}
.bnn .far{width:46px;filter:blur(5px);opacity:.28}
.bnn .mid,.bnn .near{display:none}
.bnn .b1{background-image:url(gori/banana/b1.webp)}.bnn .b2{background-image:url(gori/banana/b2.webp)}.bnn .b3{background-image:url(gori/banana/b3.webp)}
.bnn .b4{background-image:url(gori/banana/b4.webp)}.bnn .b5{background-image:url(gori/banana/b5.webp)}.bnn .b6{background-image:url(gori/banana/b6.webp)}
@media (min-width:1280px) and (hover:hover){
  .bnn-fr{z-index:1}
  .bnn .far{width:58px;filter:blur(5px);opacity:.3;z-index:0}
  .bnn .mid{display:block;width:76px;filter:blur(1.6px);opacity:.6}
  .bnn .near{display:block;width:min(92px,calc(var(--g) * .55));filter:drop-shadow(0 12px 14px rgba(10,59,92,.18))}
  /* mid は本文の端に少しだけかかる位置 */
  .bnn .mid.l{left:calc(var(--g) - 50px)}.bnn .mid.r{right:calc(var(--g) - 50px)}
  .bnn .near.l{left:calc(var(--g) * var(--x))}.bnn .near.r{right:calc(var(--g) * var(--x))}
}
@keyframes bnn-f{
  0%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}
  50%{transform:translate3d(6px,-14px,0) rotate(calc(var(--r,0deg) + 6deg))}
  100%{transform:translate3d(-4px,8px,0) rotate(calc(var(--r,0deg) - 4deg))}
}
@media (prefers-reduced-motion:reduce){ .bnn i{animation:none;translate:none} }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .bnn .far{opacity:.16} :root:not([data-theme="light"]) .bnn .mid{opacity:.4} }
:root[data-theme="dark"] .bnn .far{opacity:.16}:root[data-theme="dark"] .bnn .mid{opacity:.4}
.dg-band img{width:118px;margin:-18px 0 -14px}
@media (max-width:700px){ .dg-band img{width:84px;margin:-12px 0 -6px} }

/* トップ：ほかの診断への小さな導線 2026-10-31 */
.dg-more{margin:10px 4px 0;font-size:13px;color:var(--ink-2);text-align:center}
.dg-more a{color:var(--accent-text);font-weight:700}