:root{--bg:#f6f8fa;--card:#fff;--muted:#666;--accent:#0366d6}
*{box-sizing:border-box;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
body{background:var(--bg);margin:0;padding:24px;color:#0b1220}
.container{max-width:820px;margin:0 auto}
.card{display:flex;gap:8px;padding:10px;border-radius:8px;background:var(--card);box-shadow:0 1px 2px rgba(11,18,32,0.05);margin-bottom:12px}
input{padding:8px;border:1px solid #e6edf3;border-radius:6px;flex:1}
button{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.list{list-style:none;padding:0;margin:0}
.item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:var(--card);margin-bottom:8px;box-shadow:0 1px 2px rgba(11,18,32,0.02)}
.left{max-width:60%}
.item-spec{color:var(--muted);font-size:0.95rem}
.item-calcs{font-family:monospace;color:#111;margin-bottom:6px}
.controls button{margin-left:6px;background:transparent;color:var(--accent);padding:4px;border:1px solid #e6edf3;border-radius:6px}
.muted{color:var(--muted);margin-top:12px}
.lead{color:var(--muted)}
@media (max-width:600px){.left{max-width:100%}.item{flex-direction:column;align-items:flex-start}}