.module-shell{display:flex;flex-direction:column;justify-content:center}.module-header{margin-bottom:30px}.module-header h1{font-size:2.2rem;margin:8px 0}.module-header p{color:var(--muted);line-height:1.6}.module-grid{display:grid;gap:14px}.module-grid>button{display:grid;grid-template-columns:58px 1fr 20px;gap:16px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer}.module-grid h2,.module-grid p{margin:3px 0}.module-grid p{color:var(--muted);font-size:.82rem}.module-grid small{color:#8b5a3e;font-weight:800;letter-spacing:.1em}.module-grid>button>b{font-size:1.5rem;color:var(--muted)}.module-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--green-soft);font:800 1.7rem Georgia,serif}.module-icon.cn{background:#f8e5d8;color:#a74424}.module-logout{align-self:center;margin-top:28px;color:var(--muted)}
.cn-shell{--cn-red:#a94728}.cn-hero{margin:36px 0 18px;padding:24px;border-radius:22px;background:linear-gradient(140deg,#fff1e6,#f8dfcf);border:1px solid #efd1bd}.cn-hero span{font-weight:800;color:var(--cn-red)}.cn-hero h2{font-size:1.8rem;margin:8px 0}.cn-hero p{margin:0;color:#795e52}.cn-stats{grid-template-columns:repeat(3,1fr);margin-bottom:4px}.cn-stats>div{grid-column:auto!important;border:0!important;margin:0!important;padding:8px 4px!important}.cn-actions{margin-top:14px}.cn-volume-list{display:grid;gap:28px}.cn-volume-list h2{font-size:1rem}.cn-volume-list section>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cn-volume-list button{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.cn-volume-list button.current{background:var(--green);color:#fff}.cn-volume-list button:disabled{background:#eee}.cn-volume-list button span{font-size:.62rem;margin-top:3px}.cn-preview h2{font-size:1rem;margin-top:28px}.cn-preview>p{line-height:1.9}.cn-preview>p.card{padding:16px}.cn-preview-chars{font-size:2rem;letter-spacing:.25em}.cn-stage{padding-inline:0}.cn-reading-text{font-size:clamp(2rem,9vw,3.2rem);line-height:1.7;text-align:center}.cn-reading-text.single{font-size:clamp(5rem,25vw,8rem)}.cn-inline-char{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;border:0;background:transparent;padding:0 .04em;color:inherit;min-width:.9em}.cn-inline-char b{font:inherit;font-weight:700}.cn-inline-char small{font-size:.26em;color:var(--cn-red);line-height:1}.cn-hint{display:flex;flex-direction:column;gap:8px;margin:12px 0;color:var(--cn-red)}.cn-hint strong{font-size:1.5rem}.cn-tools{display:flex;align-items:center;gap:14px;margin-top:24px}.cn-tools button{border:1px solid var(--line);border-radius:99px;background:#fff;min-height:44px;padding:0 16px}.cn-tools small{color:var(--muted)}.cn-answer-buttons{grid-template-columns:1fr 1fr}.cn-answer-buttons .cn-unable{grid-column:1/-1;min-height:46px}.cn-character-list{display:grid;gap:10px}.cn-character-list article{padding:16px;display:flex;gap:20px;align-items:center}.cn-character-list article>strong{font-size:3rem}.cn-character-list article div{display:flex;flex-direction:column;gap:3px}.cn-character-list span,.cn-character-list small{color:var(--muted)}.cn-detail-summary{display:flex;justify-content:space-between;padding:18px;margin-bottom:14px}.cn-detail-summary span{color:var(--muted)}.cn-history-answers{display:grid;gap:1px}.cn-history-answers article{display:flex;justify-content:space-between;background:#fff;padding:15px;border-bottom:1px solid var(--line)}.cn-history-answers span{color:var(--muted)}.cn-type-result{font-size:1rem!important;margin-top:10px!important}.cn-complete .result-card{margin-bottom:8px}