:root{--ink:#454859;--deep:#505d79;--mint:#cad7f2;--mint2:#eef2ff;--coral:#d77f70;--peach:#fff0eb;--cream:#fbfaff;--line:#e3e4ef;--muted:#707384;--shadow:0 18px 46px rgba(65,72,106,.12)}
.kokoro-hero{grid-template-columns:.92fr 1.08fr;grid-template-areas:"copy visual";background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.95),transparent 27%),linear-gradient(135deg,#eef2ff,#f9f4ff 53%,#eaf7f4)}
.library-banner{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;margin-bottom:35px;padding:28px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(135deg,#fff,#eef2ff);box-shadow:0 10px 28px rgba(65,72,106,.07)}.library-banner>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;font-size:31px}.library-banner h2{margin:0;color:var(--deep);font-size:27px}.library-banner p{margin:4px 0;color:var(--muted);font-size:13px}.library-banner>a{padding:12px 17px;border-radius:99px;background:#65769c;color:#fff;font-size:12px;font-weight:900;text-decoration:none}
.kokoro-hero:after{background:rgba(207,192,232,.22)}.mood-visual{grid-area:visual;position:relative;z-index:1;width:min(580px,100%);margin:auto}.mood-visual img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 18px 46px rgba(65,72,106,.14)}.primary{background:#65769c}.eyebrow{color:#7983aa}.chapter-card header{background:linear-gradient(135deg,var(--chapter-bg),#fff)}.rights{background:#56647f}.kokoro-message a{color:#fff;font-weight:900}.point{border-color:#d8e8d8;background:linear-gradient(135deg,#eef8f2,#fff7d9);color:#405e59}.point h2{color:#4d665f}.point .step-label{color:#718b82}.point .step-no{background:#dcefe6;color:#405e59}.point blockquote{color:#405e59;font-size:20px}.practice{background:linear-gradient(135deg,#fff,#f0f7f4)}.practice-text{padding:20px;border-radius:16px;background:#e8f4ef;color:#405e59;font-size:18px;font-weight:850}.practice-note{padding:13px 16px;border-left:4px solid #d8b95f;border-radius:10px;background:#fff9e7;color:#5f665f;font-size:13px;font-weight:800}.practice-help{padding:14px 16px;border-radius:12px;background:#f5f1fa;color:#5d5870;font-size:13px;font-weight:800}.choice{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px}.choice i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#59698e;font-style:normal;font-weight:900}.choice span{font-weight:800}.choice b{color:#8798c2}.choice:hover,.choice.selected{border-color:#9faed4;background:#eef2ff}.choice.selected i{background:#65769c;color:#fff}.step-no,.topic-list span,.nav-scene.active{background:#eef2ff}.story{background:linear-gradient(135deg,#fff,#f5f2ff)}.help{background:#fff5f2}.footer{background:#4d5871}.noscript-chapter{padding:50px 0 90px}.noscript-chapter>p{padding:14px;border-radius:12px;background:#fff5d9}.noscript-chapter article{margin:18px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.noscript-chapter h3{color:var(--deep)}.noscript-chapter li{margin:8px 0}@media(max-width:620px){.choice{grid-template-columns:34px 1fr auto;padding:12px}.choice i{width:30px;height:30px}.point blockquote,.practice-text{font-size:16px}.practice-note,.practice-help{font-size:12px}}
.chapter-message{margin-top:24px;padding:26px;border:1px solid #d9e8e3;border-radius:20px;background:linear-gradient(135deg,#eef8f4,#fffaf0);color:#405e59}.chapter-message h2{margin:6px 0 10px;color:#294d4a;font-size:24px}.chapter-message p{font-weight:400;line-height:1.9}.chapter-message a{display:inline-block;margin-top:10px;padding:11px 16px;border-radius:999px;background:#65769c;color:#fff;font-weight:700;text-decoration:none}@media(max-width:620px){.chapter-message{padding:20px}.chapter-message h2{font-size:20px}}
@media(max-width:850px){.kokoro-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual"}.mood-visual{width:min(520px,100%)}.library-banner{grid-template-columns:60px 1fr}.library-banner>a{grid-column:1/-1;text-align:center}}
.practice-text,.choice span{font-weight:500}.practice-note,.practice-help{font-weight:400}
.related-help{display:inline-block;margin-top:12px;padding:11px 15px;border-radius:999px;background:#65769c;color:#fff;font-weight:700;text-decoration:none}.related-help[hidden]{display:none}
.chapter-five .practice-note,.chapter-five .practice-help{padding:10px 2px 2px;border:0;background:transparent;line-height:1.8}.chapter-five .practice-note:before{content:'別の方法も選べます';display:block;margin-bottom:4px;color:#7a6a3f;font-weight:700}.chapter-five .practice-help:before{content:'相談の目安';display:block;margin-bottom:4px;color:#625b78;font-weight:700}.selfcare-message p{max-width:68ch}
.scene-view:not(.chapter-five) .practice-note,.scene-view:not(.chapter-five) .practice-help{margin:14px 0 0;padding:8px 2px 2px;border:0;background:transparent;font-size:15px;font-weight:400;line-height:1.8}.scene-view:not(.chapter-five) .practice-note:before{content:'できなくても大丈夫';display:block;margin-bottom:3px;color:#7a6a3f;font-size:13px;font-weight:700}.scene-view:not(.chapter-five) .practice-help:before{content:'相談してよい目安';display:block;margin-bottom:3px;color:#625b78;font-size:13px;font-weight:700}.chapter-five .practice-note,.chapter-five .practice-help{font-size:15px}.practice-text{font-weight:500}
@media(max-width:620px){.scene-view .practice-note,.scene-view .practice-help{font-size:14px}.practice-text{font-size:16px}}
.scene-view:not(.chapter-one-to-five) .practice-note{padding:13px 16px;border-left:4px solid #d8b95f;border-radius:10px;background:#fff9e7;font-size:13px}.scene-view:not(.chapter-one-to-five) .practice-help{padding:14px 16px;border-radius:12px;background:#f5f1fa;font-size:13px}.scene-view:not(.chapter-one-to-five) .practice-note:before,.scene-view:not(.chapter-one-to-five) .practice-help:before{content:none}