.cr-main{max-width:860px;margin:0 auto;padding:16px 16px 48px}.cr-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;padding:22px 24px}.cr-top{align-items:center;gap:14px;display:flex}.cr-top>div{flex:1}.cr-bot{font-size:40px;line-height:1}.cr-step{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:600}.cr-q{margin:14px 0 4px;font-size:clamp(22px,4vw,28px)}.cr-card textarea,.cr-card input,.cr-card select{border:1px solid var(--line);width:100%;font:16px/1.4 var(--font-body);color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px}.cr-card textarea:focus-visible,.cr-card input:focus-visible,.cr-card select:focus-visible{outline:3px solid var(--action);outline-offset:1px}.cr-ideas-h{margin:12px 0 6px;font-size:14px}.cr-ideas{flex-wrap:wrap;gap:8px;display:flex}.cr-ideas .chip,.cr-lessons .chip{border:1px solid var(--line);background:var(--soft);color:var(--ink);font:500 14px var(--font-body);cursor:pointer;text-align:left;border-radius:999px;min-height:40px;padding:8px 12px}.cr-ideas .chip:hover{border-color:var(--action)}.cr-ideas .chip:focus-visible,.cr-choice:focus-visible{outline:3px solid var(--action);outline-offset:2px}.cr-choices{gap:10px;margin-top:12px;display:grid}.cr-choice{border:2px solid var(--line);font:600 16px var(--font-body);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:14px;min-height:48px;padding:14px 16px}.cr-choice:hover,.cr-choice.on{border-color:var(--action);background:var(--soft)}.cr-nav{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.cr-nav .btn.primary{margin-left:auto}.cr-plan{gap:12px;margin-top:14px;display:grid}.cr-plan label{gap:4px;font-size:14px;font-weight:600;display:grid}.cr-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cr-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cr-tpl{border:1px solid var(--line);background:var(--soft);border-radius:14px;align-items:center;gap:14px;padding:10px;display:flex}.cr-tpl .hub-thumb{flex:none;width:160px}.cr-tpl>div{flex:1;gap:4px;display:grid}.cr-lessons{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.cr-lessons .chip{cursor:default;min-height:0;padding:4px 10px}@media (width<=640px){.cr-card{padding:16px}.cr-2,.cr-3{grid-template-columns:1fr}.cr-tpl{flex-direction:column;align-items:stretch}.cr-tpl .hub-thumb{width:100%}.cr-nav .btn{text-align:center;width:100%}.cr-nav .btn.primary{margin-left:0}}