.phase21-explanation-panel,.phase22-variety-panel{margin-top:1.25rem;padding:1.15rem;border:1px solid rgba(148,163,184,.28);border-radius:1rem;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.58));box-shadow:0 16px 36px rgba(2,6,23,.16)}
.phase2122-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.phase2122-head h3{margin:.18rem 0 0;font-size:1.08rem}.phase2122-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .65rem;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);font-size:.76rem;font-weight:800;white-space:nowrap}.phase2122-prompt{margin:.35rem 0 1rem;color:var(--text,#e5eefb)}
.phase21-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.phase21-chain details{border:1px solid rgba(148,163,184,.24);border-radius:.85rem;background:rgba(15,23,42,.42);overflow:hidden}.phase21-chain summary{display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;cursor:pointer;font-weight:800}.phase21-chain summary span{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:rgba(34,211,238,.15)}.phase21-chain p{margin:0;padding:0 .8rem .8rem;color:var(--muted,#cbd5e1)}
.phase21-language{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.9rem 0}.phase21-language strong{margin-right:.2rem}.phase21-language span,.phase22-mode-row span{padding:.35rem .55rem;border-radius:999px;background:rgba(99,102,241,.12);border:1px solid rgba(129,140,248,.22);font-size:.76rem;font-weight:700}.phase21-write{display:grid;gap:.55rem;padding:.85rem;border-radius:.9rem;background:rgba(2,132,199,.08);border:1px solid rgba(56,189,248,.18)}.phase21-write p{margin:0}.phase21-write textarea{width:100%;resize:vertical;border-radius:.75rem;border:1px solid rgba(148,163,184,.32);background:rgba(15,23,42,.72);color:inherit;padding:.75rem;font:inherit}.phase2122-actions{display:flex;flex-wrap:wrap;gap:.5rem}.phase2122-actions button{border:1px solid rgba(148,163,184,.28);border-radius:.7rem;background:rgba(30,41,59,.82);color:inherit;padding:.5rem .72rem;font:inherit;font-weight:800;cursor:pointer}.phase21-check{margin-top:.75rem}.phase21-check summary{cursor:pointer;font-weight:800}.phase21-check ul{margin:.65rem 0 0;padding-left:1.15rem}
.phase22-cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.phase22-cycle article{padding:.75rem;border-radius:.85rem;background:rgba(14,116,144,.09);border:1px solid rgba(34,211,238,.18)}.phase22-cycle article>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;margin-bottom:.45rem;border-radius:50%;background:rgba(34,211,238,.14);font-size:.76rem;font-weight:900}.phase22-cycle p{margin:.35rem 0 0;color:var(--muted,#cbd5e1);font-size:.88rem}.phase22-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem}.phase22-section-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.phase22-section-head span{font-size:.78rem;color:var(--muted,#cbd5e1)}.phase22-questions details{border:1px solid rgba(148,163,184,.24);border-radius:.8rem;background:rgba(15,23,42,.38);padding:.65rem}.phase22-questions summary{cursor:pointer;font-weight:700}.phase22-questions summary span{display:inline-flex;margin-right:.45rem;padding:.2rem .42rem;border-radius:.45rem;background:rgba(245,158,11,.12);font-size:.72rem;font-weight:900}.phase22-questions p{margin:.55rem 0 0;color:var(--muted,#cbd5e1)}.phase22-interleave{margin-top:.9rem;padding:.8rem;border-radius:.9rem;background:rgba(124,58,237,.08);border:1px solid rgba(167,139,250,.2)}.phase22-interleave h4{margin:.15rem 0 .3rem}.phase22-interleave p{margin:.2rem 0}.phase22-interleave small{color:var(--muted,#cbd5e1)}.phase22-mode-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}
@media(max-width:800px){.phase2122-head{display:grid}.phase21-chain,.phase22-questions{grid-template-columns:1fr}.phase22-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.phase22-cycle{grid-template-columns:1fr}.phase2122-actions{display:grid}.phase2122-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.phase21-explanation-panel *,.phase22-variety-panel *{scroll-behavior:auto;transition:none!important;animation:none!important}}
@media print{.phase21-write textarea,.phase2122-actions{display:none}.phase21-explanation-panel,.phase22-variety-panel{break-inside:avoid;box-shadow:none;background:white;color:#111827;border-color:#cbd5e1}.phase21-chain details,.phase22-questions details{background:white;color:#111827}}