:root{--color-primary: #bf2a37;line-height:1.5;color:#1f2937;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;overflow:hidden}main{margin:2rem auto;background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.5rem;font-family:"sans-serif"}svg text{white-space:pre;shape-rendering:crispEdges;text-rendering:geometricPrecision}h1{margin-top:0;font-size:1.5rem;height:6rem}ul{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:1rem}li{padding:1rem;border:1px solid #ddd;border-radius:10px;background-color:#f9fafb}.item-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}label{display:block;margin-top:1rem;font-size:1rem;color:#374151}input{width:100%;margin-top:.35rem;border:1px solid #ddd;border-radius:8px;padding:.55rem .7rem;font-size:.95rem}input:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}