/* Sentence Lab · 文の研究室 */
#sentenceLab.screen{max-width:920px}
.sentence-lab{min-height:560px;padding:0;overflow:hidden;background:#f8fafc}
.sentence-lab button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.sl-loading,.sl-empty{min-height:420px;display:grid;place-content:center;justify-items:center;gap:8px;padding:28px;text-align:center;color:#475569}
.sl-loading>span,.sl-empty>span{display:grid;place-items:center;width:74px;height:74px;border-radius:25px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:2.1rem;font-weight:900;box-shadow:0 14px 30px #4f46e544;animation:slFloat 2s ease-in-out infinite}
.sl-loading h2,.sl-empty h2,.sl-empty h3{margin:5px 0;color:#172554}
.sl-hero{position:relative;min-height:310px;display:grid;align-items:end;overflow:hidden;background:#111827;color:#fff}
.sl-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111827f2 0,#111827b8 48%,#11182720 78%),linear-gradient(0deg,#111827e8 0,transparent 54%)}
.sl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sl-hero>div{position:relative;z-index:1;width:min(58%,500px);display:grid;justify-items:start;gap:7px;padding:28px}
.sl-hero .eyebrow{color:#fde68a}.sl-hero h2{margin:0;font-size:2.3rem}.sl-hero p{margin:0 0 8px;line-height:1.55;color:#e2e8f0}.sl-hero button{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 22px #f9731644}
.sl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px 0}
.sl-stats article{display:grid;gap:2px;padding:14px;border-radius:17px;background:#fff;border:1px solid #e2e8f0;text-align:center;box-shadow:0 5px 18px #1725540b}
.sl-stats strong{font-size:1.35rem;color:#4338ca}.sl-stats span{font-size:.7rem;color:#64748b;font-weight:800}
.sl-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px}
.sl-home-actions button{display:grid;gap:3px;text-align:left;background:linear-gradient(145deg,#eef2ff,#fff);border:1px solid #c7d2fe;color:#3730a3}
.sl-home-actions small{color:#64748b;font-weight:650}
.sl-course{padding:8px 20px 24px}.sl-course>h2{margin:5px 0 13px;color:#172554}
.sl-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sl-lesson-card{min-height:138px;display:grid;grid-template-columns:46px 1fr;gap:12px;text-align:left;background:#fff;border:1px solid #cbd5e1;box-shadow:0 6px 18px #1725540c}
.sl-lesson-card>span{display:grid;place-items:center;align-self:start;width:46px;height:46px;border-radius:15px;background:#e0e7ff;color:#4338ca;font-weight:900}
.sl-lesson-card>div{display:grid;align-content:start;gap:2px}.sl-lesson-card strong{color:#172554}.sl-lesson-card small{color:#6d28d9}.sl-lesson-card p{margin:5px 0;color:#64748b;font-size:.75rem;line-height:1.35}.sl-lesson-card b{color:#2563eb;font-size:.68rem}.sl-lesson-card.complete{border-color:#6ee7b7;background:linear-gradient(145deg,#fff,#ecfdf5)}.sl-lesson-card.complete>span{background:#d1fae5;color:#047857}.sl-lesson-card.complete b{color:#047857}.sl-lesson-card:disabled{opacity:.55;filter:saturate(.3)}
#sentenceLabReader>.manga-reader-top{padding:14px 18px;border-bottom:1px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:8}
#sentenceLabContent{padding:0 20px 24px}
.sl-stepper{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:18px 0;padding:8px;border-radius:17px;background:#e2e8f0}
.sl-stepper span{display:grid;justify-items:center;gap:3px;color:#94a3b8;font-size:.55rem;text-align:center}.sl-stepper i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#cbd5e1;color:#64748b;font-style:normal;font-weight:900}.sl-stepper b{font-size:.53rem}.sl-stepper .active{color:#4338ca}.sl-stepper .active i{background:#4f46e5;color:#fff;box-shadow:0 0 0 4px #c7d2fe}.sl-stepper .complete i{background:#10b981;color:#fff}
.sl-lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:8px 12px;border-radius:13px;background:#fff;border:1px solid #e2e8f0}.sl-lesson-toolbar>span{font-size:.68rem;color:#64748b;font-weight:800}.sl-lesson-toolbar button{padding:8px 10px;font-size:.68rem}.sl-lesson-toolbar button.saved{background:#fef3c7;color:#92400e}
.sl-intro{text-align:center;padding:18px 0}.sl-intro h2{margin:4px 0;color:#172554}.sl-main-sentence{margin:22px 0 2px;font-size:clamp(1.65rem,5vw,2.45rem);line-height:1.5;color:#172554;font-weight:850}.sl-reading{margin:0;color:#6d28d9}.sl-meaning{font-size:1.05rem;font-weight:800;color:#334155}
.sl-breakdown,.sl-progressive,.sl-task,.sl-notebook,.sl-summary{padding:20px;border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 26px #17255410}.sl-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sl-section-heading h2,.sl-section-heading h3{margin:4px 0;color:#172554}.sl-section-heading button{padding:9px 11px;font-size:.72rem}
.sl-chunks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.sl-chunk{position:relative;min-width:120px;display:grid;gap:2px;padding:13px 12px;border:2px solid var(--sl-role,#cbd5e1);background:color-mix(in srgb,var(--sl-role,#cbd5e1) 10%,white);box-shadow:none}.sl-chunk strong{font-size:1.25rem}.sl-chunk small{color:#64748b;font-size:.66rem}.sl-chunk span{color:#334155;font-size:.7rem}.sl-chunk.active{transform:translateY(-4px);box-shadow:0 9px 18px color-mix(in srgb,var(--sl-role) 25%,transparent)}
.role-topic{--sl-role:#8b5cf6}.role-time{--sl-role:#0ea5e9}.role-place{--sl-role:#06b6d4}.role-companion{--sl-role:#ec4899}.role-object{--sl-role:#f97316}.role-quantity{--sl-role:#eab308}.role-destination{--sl-role:#14b8a6}.role-means{--sl-role:#22c55e}.role-description{--sl-role:#a855f7}.role-connector{--sl-role:#f43f5e}.role-action{--sl-role:#2563eb}.role-request{--sl-role:#4f46e5}
.sl-chunk-detail{min-height:145px;display:grid;align-content:center;gap:5px;padding:16px;border-radius:17px;background:#f8fafc;border:1px dashed #94a3b8}.sl-chunk-detail>span{justify-self:start;padding:4px 9px;border-left:5px solid var(--sl-role,#94a3b8);border-radius:8px;background:#fff;font-size:.65rem;font-weight:900;text-transform:uppercase;color:#475569}.sl-chunk-detail h4{margin:2px 0;font-size:1.35rem;color:#172554}.sl-chunk-detail h4 small{margin-left:6px;color:#64748b;font-size:.72rem;font-weight:600}.sl-chunk-detail p{margin:2px 0;color:#475569;line-height:1.5}.sl-chunk-detail div{font-size:.72rem;color:#64748b}
.sl-progressive{display:grid;gap:12px;margin-top:14px;text-align:center;background:linear-gradient(145deg,#eef2ff,#fff)}.sl-progressive[hidden]{display:none}.sl-progressive>div:first-of-type{min-height:94px;display:grid;place-items:center;padding:16px;border-radius:17px;background:#fff;border:1px solid #c7d2fe}.sl-progressive>div:first-of-type span{font-size:clamp(1.45rem,5vw,2.2rem);font-weight:850;color:#312e81;animation:slPhraseIn .38s ease both}.sl-progressive>div:first-of-type small{color:#64748b}.sl-progressive p{margin:0;color:#475569}.sl-progressive>div:last-child{display:flex;justify-content:center;gap:8px}
.sl-task{display:grid;gap:12px}.sl-task>h2{margin:0;color:#172554}.sl-task>p{margin:0;color:#64748b;line-height:1.5}.sl-built{min-height:90px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:7px;padding:14px;border-radius:18px;background:#eef2ff;border:2px dashed #818cf8}.sl-built>span{color:#6366f1;font-weight:800}.sl-built button,.sl-tile-bank button{padding:11px 13px;border-radius:12px;background:#fff;border:2px solid #a5b4fc;color:#312e81;font-weight:850}.sl-tile-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sl-tile-bank button{background:#312e81;color:#fff;border-color:#312e81}.sl-tile-bank button:disabled{opacity:.25}.sl-builder-actions{display:grid;grid-template-columns:auto auto 1fr;gap:8px}.sl-builder-actions .primary{justify-self:stretch}
.sl-feedback{padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #cbd5e1}.sl-feedback[hidden]{display:none}.sl-feedback>p{line-height:1.5}.sl-model{display:grid;gap:4px;padding:12px;border-radius:13px;background:#eef2ff}.sl-model span{color:#64748b;font-size:.65rem;font-weight:900;text-transform:uppercase}.sl-model strong{font-size:1.12rem;color:#312e81}
.sl-particle-sentence{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px 0!important;font-size:clamp(1.55rem,5vw,2.2rem);font-weight:850;color:#172554}.sl-particle-sentence b{display:grid;place-items:center;min-width:52px;height:52px;margin:0 5px;border-radius:15px;background:#fef3c7;color:#b45309}.sl-particle-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sl-particle-options button{font-size:1.35rem;background:#fff7ed;border:2px solid #fdba74;color:#9a3412}.sl-particle-options button.correct{background:#dcfce7;border-color:#22c55e;color:#166534}.sl-particle-options button.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}
.sl-listen-task{text-align:center}.sl-listen-orb{position:relative;width:104px;height:104px;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#4f46e5,#312e81);color:#fff;box-shadow:0 0 0 10px #e0e7ff,0 16px 30px #4f46e544}.sl-listen-orb span{font-size:2.2rem;font-weight:900}.sl-listen-orb i,.sl-listen-orb::before,.sl-listen-orb::after{content:'';position:absolute;inset:-16px;border:2px solid #818cf8;border-radius:50%;animation:slListenPulse 2s ease-out infinite}.sl-listen-orb::before{animation-delay:.66s}.sl-listen-orb::after{animation-delay:1.32s}.sl-listen-reveal{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:15px 0}.sl-listen-reveal>span{display:grid;gap:2px;padding:9px;border-radius:12px;border-bottom:4px solid var(--sl-role,#cbd5e1);background:#fff;transition:.2s}.sl-listen-reveal b{font-size:1rem}.sl-listen-reveal small{font-size:.62rem;color:#64748b}.sl-listen-reveal .speaking{transform:translateY(-5px) scale(1.05);background:color-mix(in srgb,var(--sl-role) 14%,white);box-shadow:0 8px 18px color-mix(in srgb,var(--sl-role) 30%,transparent)}
.sl-japanese-choices .choice{font-size:1.05rem;line-height:1.5}.sl-dialogue{display:grid;gap:8px;padding:13px;border-radius:17px;background:#eef2ff}.sl-dialogue button{text-align:left;background:#fff;border:1px solid #c7d2fe;color:#312e81}.sl-dialogue span{float:right}
.sl-summary{text-align:center;background:linear-gradient(145deg,#fff,#eef2ff)}.sl-summary>h2{margin:7px 0;color:#172554}.sl-summary>p{color:#475569;line-height:1.55}.sl-summary-orbit{position:relative;width:100px;height:100px;margin:0 auto 15px;display:grid;place-items:center}.sl-summary-orbit>span{display:grid;place-items:center;width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 12px 24px #4f46e544}.sl-summary-orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:#f59e0b;animation:slOrbit 3s linear infinite}.sl-summary-orbit i:nth-child(2){animation-delay:-1s;background:#06b6d4}.sl-summary-orbit i:nth-child(3){animation-delay:-2s;background:#ec4899}.sl-mastered-pattern{display:grid;gap:4px;margin:15px 0;padding:16px;border-radius:18px;background:#fff;border:1px solid #c7d2fe}.sl-mastered-pattern>span{font-size:.65rem;text-transform:uppercase;color:#64748b;font-weight:900}.sl-mastered-pattern>strong{font-size:1.35rem;color:#312e81}.sl-mastered-pattern>small{color:#475569}.sl-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.sl-notebook{min-height:420px}.sl-notebook>p{color:#64748b;line-height:1.5}.sl-notebook-list,.sl-mistake-list{display:grid;gap:10px;margin-top:14px}.sl-notebook-list article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-radius:17px;background:#f8fafc;border:1px solid #e2e8f0}.sl-notebook-list article>div:first-child{display:grid;gap:2px}.sl-notebook-list strong{font-size:1.12rem;color:#172554}.sl-notebook-list small{color:#6d28d9}.sl-notebook-list p{max-height:0;overflow:hidden;margin:0;color:#475569;opacity:0;transition:.25s}.sl-notebook-list p.visible{max-height:80px;margin-top:5px;opacity:1}.sl-notebook-list article>div:last-child{display:flex;align-items:center;gap:5px}.sl-notebook-list button{padding:8px;font-size:.65rem}.sl-notebook-list button:last-child{background:#fee2e2;color:#991b1b}.sl-mistake-list article{display:grid;gap:5px;padding:14px;border-left:5px solid #f97316;border-radius:15px;background:#fff7ed}.sl-mistake-list article>span{justify-self:start;padding:3px 7px;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:.62rem;font-weight:900;text-transform:uppercase}.sl-mistake-list p{margin:3px 0;font-size:1.05rem}.sl-mistake-list div{color:#7c2d12;line-height:1.45}.sl-mistake-list button{justify-self:start;margin-top:5px;padding:9px 11px}
.sentence-lab-mode{background:linear-gradient(135deg,#312e81,#7c3aed)!important;color:#fff!important}
.sl-mine-external{padding:7px 9px!important;background:#fef3c7!important;border:1px solid #f59e0b!important;color:#92400e!important;font-size:.65rem!important;font-weight:850!important;box-shadow:none!important}
.manga-reading-card>.sl-mine-external{float:right;margin:0 0 8px 8px}.manga-comic-header>.sl-mine-external{align-self:center}.conversation-transcript .sl-mine-external{margin-top:8px}.theatre-line-top .sl-mine-external{margin-left:auto}
@keyframes slFloat{50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes slPhraseIn{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes slListenPulse{0%{opacity:.8;transform:scale(.72)}100%{opacity:0;transform:scale(1.28)}}
@keyframes slOrbit{from{transform:rotate(0) translateX(47px) rotate(0)}to{transform:rotate(360deg) translateX(47px) rotate(-360deg)}}
@media(max-width:640px){
  #sentenceLab.screen{padding:10px}.sentence-lab{border-radius:20px;min-height:520px}.sl-hero{min-height:390px;align-items:end}.sl-hero::after{background:linear-gradient(0deg,#111827f8 0,#111827d9 48%,#11182722 80%)}.sl-hero img{object-position:58% center}.sl-hero>div{width:100%;padding:20px}.sl-hero h2{font-size:1.9rem}.sl-home-actions,.sl-lesson-grid{grid-template-columns:1fr}.sl-stats{padding-inline:12px}.sl-stats article{padding:11px 5px}.sl-course,.sl-home-actions{padding-inline:12px}#sentenceLabContent{padding:0 10px 18px}.sl-stepper{margin:11px 0;padding:6px 3px}.sl-stepper b{display:none}.sl-stepper i{width:22px;height:22px}.sl-lesson-toolbar{align-items:flex-start}.sl-lesson-toolbar>span{line-height:1.35}.sl-breakdown,.sl-progressive,.sl-task,.sl-notebook,.sl-summary{padding:14px}.sl-chunks{display:grid;grid-template-columns:1fr 1fr}.sl-chunk{min-width:0;padding:10px 7px}.sl-chunk strong{font-size:1.05rem}.sl-section-heading{align-items:flex-start}.sl-section-heading button{font-size:.64rem}.sl-builder-actions{grid-template-columns:1fr 1fr}.sl-builder-actions .primary{grid-column:1/-1}.sl-particle-options{grid-template-columns:repeat(2,1fr)}.sl-summary-actions{grid-template-columns:1fr}.sl-notebook-list article{grid-template-columns:1fr}.sl-notebook-list article>div:last-child{flex-wrap:wrap}}
@media(max-width:380px){.sl-main-sentence{font-size:1.45rem}.sl-chunks{grid-template-columns:1fr}.sl-home-actions button{font-size:.78rem}.sl-lesson-card{grid-template-columns:39px 1fr;padding:11px}.sl-lesson-card>span{width:39px;height:39px}.sl-particle-sentence{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.sl-loading>span,.sl-progressive>div:first-of-type span,.sl-listen-orb i,.sl-listen-orb::before,.sl-listen-orb::after,.sl-summary-orbit i{animation:none!important}.sl-chunk,.sl-listen-reveal>span{transition:none!important}}