*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f6f7f9;color:#17181a}nav{height:64px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:22px;padding:0 max(20px,calc((100% - 1100px)/2));}nav a:first-child{margin-right:auto;color:inherit;text-decoration:none}nav a{color:#555;text-decoration:none}.hero{max-width:1100px;margin:38px auto 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero h1{font-size:40px;margin:4px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#777}.hero p{color:#6b7280}.grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:50px}.card{background:white;border:1px solid #e6e7eb;border-radius:18px;padding:22px;min-width:0}.card h2{margin:0 0 15px;font-size:18px}.list{display:grid;gap:10px;margin:12px 0 18px}.list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #f0f1f3;padding-bottom:9px}.list small,small{color:#777}.compact{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact input:last-of-type{grid-column:auto}input{border:1px solid #d8dbe0;border-radius:10px;padding:11px 12px;font:inherit;width:100%;background:white}button{border:0;border-radius:10px;padding:11px 15px;background:#17181a;color:white;font:inherit;font-weight:700;cursor:pointer}.compact button{grid-column:1/-1}.mini{font-size:12px;padding:6px 9px}.inline{display:inline}.done{text-decoration:line-through;color:#888}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chips span{background:#f0f1f3;border-radius:999px;padding:8px 10px;font-size:13px}.auth{max-width:430px;margin:90px auto;background:white;border:1px solid #e6e7eb;border-radius:20px;padding:30px}.auth form{display:grid;gap:10px;margin:20px 0}.auth a{color:#333}.err{background:#fee2e2;padding:10px;border-radius:8px}.hero form{display:flex;gap:8px}.hero form input{min-width:260px}dialog{border:0;border-radius:18px;padding:24px;box-shadow:0 20px 70px #0003}dialog form{display:grid;gap:10px;min-width:300px}@media(max-width:760px){.hero{margin:24px 16px;align-items:start;flex-direction:column}.hero h1{font-size:32px}.grid{grid-template-columns:1fr;margin:0 16px}.hero form{width:100%}.hero form input{min-width:0}.compact{grid-template-columns:1fr}nav{padding:0 16px}.auth{margin:40px 16px}.card{padding:18px}}