.recreation-tool{margin-top:18px;color:#263238}.recreation-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.recreation-toolbar label{display:grid;gap:5px;color:#475569}.recreation-toolbar select{min-width:120px}.recreation-actions{display:flex;flex-wrap:wrap;gap:10px}.recreation-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.recreation-status div{padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;text-align:center}.recreation-status b{display:block;margin-top:3px;font-size:22px;color:#0f766e}.recreation-note{margin:12px 0;padding:12px 14px;border-left:4px solid #0f766e;background:#f0fdfa;line-height:1.75}.recreation-warning{border-left-color:#f59e0b;background:#fffbeb;color:#92400e}.eyesight-grid{display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));gap:6px;max-width:620px;margin:16px auto;aspect-ratio:1}.eyesight-cell{display:grid;place-items:center;min-width:0;border:1px solid #dfe5e8;background:#fff;font-size:clamp(16px,3.2vw,32px);font-weight:700;cursor:pointer}.eyesight-cell:hover,.eyesight-cell:focus{border-color:#0f766e;background:#ecfdf5}.mind-steps{display:flex;gap:8px;margin-bottom:16px}.mind-steps span{flex:1;padding:8px;border-bottom:3px solid #e5e7eb;text-align:center}.mind-steps span.active{border-color:#0f766e;color:#0f766e;font-weight:700}.symbol-table{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:16px 0}.symbol-table span{padding:8px 2px;border:1px solid #e5e7eb;text-align:center}.mind-reveal{text-align:center;padding:26px;background:#f0fdfa}.mind-reveal b{display:block;font-size:64px;color:#0f766e}.typing-copy{min-height:112px;padding:16px;border:1px solid #dfe5e8;background:#f8fafc;font-size:18px;line-height:2;white-space:pre-wrap}.typing-copy .correct{color:#047857;background:#d1fae5}.typing-copy .wrong{color:#b91c1c;background:#fee2e2;text-decoration:underline}.typing-input{width:100%;min-height:130px;margin-top:12px;padding:14px;border:1px solid #cbd5e1;resize:vertical}.typing-input:focus{border-color:#0f766e;outline:2px solid #ccfbf1}.break-display{text-align:center;padding:24px 12px;background:#f8fafc}.break-display time{display:block;margin:8px;font-size:42px;font-variant-numeric:tabular-nums;color:#0f766e}.break-suggestion{font-size:17px}.quiz-intro{line-height:1.8}.quiz-progress{height:8px;margin:16px 0;background:#e5e7eb;border-radius:4px;overflow:hidden}.quiz-progress span{display:block;height:100%;width:0;background:#0f766e;transition:width .2s}.quiz-list{display:grid;gap:0;border-top:1px solid #e5e7eb}.quiz-question{padding:16px 4px;border-bottom:1px solid #e5e7eb}.quiz-question fieldset{margin:0;padding:0;border:0}.quiz-question legend{margin-bottom:10px;font-weight:600;line-height:1.65}.quiz-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quiz-options label{display:flex;align-items:flex-start;gap:6px;padding:9px;border:1px solid #dfe5e8;border-radius:5px;cursor:pointer;line-height:1.5}.quiz-options label:has(input:checked){border-color:#0f766e;background:#ecfdf5}.quiz-result{margin-top:18px;padding:18px;border:1px solid #a7f3d0;background:#ecfdf5;line-height:1.8}.quiz-result h3{margin:0 0 8px;color:#065f46}.quiz-result strong{font-size:24px}.quiz-result.risk{border-color:#fcd34d;background:#fffbeb}.privacy-inline{color:#64748b;font-size:13px}.joke-search{display:flex;gap:10px;max-width:680px;margin:16px auto 0}.joke-search .layui-input{flex:1}.joke-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.joke-grid li{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joke-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 0 18px}.joke-detail h1{text-align:center;color:#b91c1c}.joke-content{padding:14px 4px;font-size:16px;line-height:2;overflow-wrap:anywhere}.joke-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb}.joke-adjacent div:last-child{text-align:right}
.mind-reveal p{margin:0;line-height:1.8}.mind-symbol{display:grid;place-items:center;position:static!important;width:100%;min-height:96px;margin:12px 0;color:#0f766e;font-size:64px;line-height:1;transform:none!important}
.quiz-wizard [hidden]{display:none!important}.quiz-intro-screen{text-align:center}.quiz-intro-screen img{display:block;width:100%;max-width:680px;max-height:450px;object-fit:contain;margin:0 auto 16px}.quiz-intro-screen h2{margin:8px 0 14px;font-size:24px}.quiz-intro-screen .recreation-note{max-width:920px;margin:0 auto 12px;text-align:left}.quiz-run,.quiz-finish{max-width:920px;margin:0 auto}.quiz-heading{display:flex;align-items:center;justify-content:space-between;color:#475569}.quiz-heading strong{font-size:17px;color:#0f766e}.quiz-slide{display:grid;align-items:center;min-height:260px;padding:24px 8px}.quiz-slide fieldset{width:100%;margin:0;padding:0;border:0}.quiz-slide legend{width:100%;margin-bottom:24px;text-align:center;font-size:22px;font-weight:600;line-height:1.6}.quiz-slide .quiz-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quiz-slide .quiz-options label{min-height:54px;align-items:center}.quiz-validation{min-height:24px;margin:0;color:#b91c1c;text-align:center}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.quiz-navigation [data-next]{margin-left:auto}.quiz-finish{text-align:center}.quiz-finish .quiz-result{text-align:left}.quiz-finish>button{margin-top:14px}
@media(max-width:768px){.recreation-status{grid-template-columns:1fr}.symbol-table{grid-template-columns:repeat(5,minmax(0,1fr))}.mind-symbol{min-height:80px;font-size:52px}.quiz-options{grid-template-columns:1fr}.quiz-intro-screen img{max-height:280px}.quiz-slide{min-height:320px;padding:18px 0}.quiz-slide legend{font-size:19px}.quiz-slide .quiz-options{grid-template-columns:1fr}.quiz-navigation button{min-width:104px}.joke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.joke-adjacent{grid-template-columns:1fr}.joke-adjacent div:last-child{text-align:left}.joke-search{align-items:stretch;flex-direction:column}.eyesight-grid{gap:4px}}