:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 14px}button:hover{background:#1d4ed8}input{border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:0;padding:9px 12px}a{color:#2563eb}.app{width:min(760px,100% - 32px);margin:48px auto}header,.toolbar,.row{align-items:center;gap:12px;display:flex}header,.toolbar{justify-content:space-between}h1,h2{margin:0}h1{font-size:40px}h2{font-size:20px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:18px;box-shadow:0 1px 2px #0f172a0d}label{margin-bottom:8px;font-weight:700;display:block}ul{margin:16px 0 0;padding:0;list-style:none}li{border-top:1px solid #e2e8f0;gap:2px;padding:10px 0;display:grid}time{color:#64748b;font-size:13px}@media (width<=640px){.row,header,.toolbar{flex-direction:column;align-items:stretch}}