:root{--bg:#fff8f2;--text:#2b231f;--muted:#70645c}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#fff2df 0%,#fff8f2 45%,#fffcf8 100%);color:var(--text)}.colors-shell{width:min(1100px,calc(100% - 24px));margin:0 auto;padding:18px 0 42px}.colors-header{text-align:center;margin-bottom:20px}.colors-header h1{font-size:clamp(30px,5vw,54px);margin:8px 0}.colors-header p{margin:0;color:var(--muted);font-size:18px}.back-link{display:inline-block;text-decoration:none;background:#fff;padding:10px 14px;border-radius:999px;color:#7b4e36;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.06)}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.color-card{border:none;border-radius:26px;padding:18px;min-height:180px;color:#fff;font:inherit;box-shadow:0 16px 36px rgba(0,0,0,.08)}.color-card__emoji{font-size:42px;display:block;margin-bottom:10px}.color-card__name{font-size:28px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.12)}.color-card__en{display:block;margin-top:8px;font-size:18px;font-weight:700;opacity:.92}.quiz-box{margin-top:24px;background:#fff;border-radius:28px;padding:20px;box-shadow:0 16px 40px rgba(0,0,0,.07)}.quiz-box h2{margin:0 0 10px}.action-btn{margin-top:10px;border:none;border-radius:16px;padding:14px 18px;font:inherit;font-weight:900;background:#ff9354;color:#fff}.quiz-feedback{min-height:28px;margin-top:12px;font-size:24px;font-weight:900;text-align:center}.quiz-feedback.is-good{color:#0f934e}.quiz-feedback.is-bad{color:#d44d65}