*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.app{max-width:440px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.card{background:#16213e;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.card h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8892b0;margin-bottom:.75rem}.meat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.meat-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .25rem;background:#0f3460;border:2px solid transparent;border-radius:10px;color:#ccd6f6;font-size:.8rem;cursor:pointer;transition:all .15s ease}.meat-btn:hover{background:#1a4a7a}.meat-btn.active{border-color:#64ffda;background:#1a4a7a;color:#fff}.meat-emoji{font-size:1.5rem}.doneness-list{display:flex;flex-direction:column;gap:.35rem}.doneness-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .85rem;background:#0f3460;border:2px solid transparent;border-radius:8px;color:#ccd6f6;font-size:.9rem;cursor:pointer;transition:all .15s ease;text-align:left}.doneness-btn:hover{background:#1a4a7a}.doneness-btn.active{border-color:#64ffda;background:#1a4a7a;color:#fff}.doneness-dot{width:14px;height:14px;border-radius:50%;background-color:var(--dot-color);flex-shrink:0}.result{background:linear-gradient(135deg,#0f3460,#16213e);text-align:center;padding:2rem 1.25rem}.temp-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.temp-value{font-size:3.5rem;font-weight:800;color:#64ffda;line-height:1}.temp-unit{font-size:1.5rem;color:#64ffda;font-weight:600}.temp-label{margin-top:.5rem;font-size:.85rem;color:#8892b0;text-transform:uppercase;letter-spacing:.08em}