:root{--bg:#fff6f2;--text:#36261f;--muted:#7b6459}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#ffe9de 0%,#fff6f2 48%,#fffefb 100%);color:var(--text)}.app-shell{width:min(1100px,calc(100% - 24px));margin:0 auto;padding:18px 0 42px}.app-header{text-align:center;margin-bottom:20px}.app-header h1{font-size:clamp(30px,5vw,54px);margin:8px 0}.app-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:#a85c47;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.06)}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.item-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)}.item-card__emoji{display:block;font-size:48px;margin-bottom:10px}.item-card__name{display:block;font-size:26px;font-weight:900}.item-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)}.action-btn{margin-top:10px;border:none;border-radius:16px;padding:14px 18px;font:inherit;font-weight:900;background:#ff7f6b;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}
.art-card{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 12px}.art-card__img{display:block;width:min(100%,120px);aspect-ratio:1/1;object-fit:contain;background:rgba(255,255,255,.58);border-radius:24px;padding:8px;box-shadow:inset 0 2px 10px rgba(255,255,255,.35)}