:root{font-family:Arial,sans-serif;color:#202124;background:#fafafa}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;gap:20px;align-items:center;padding:10px 24px;border-bottom:1px solid #ddd;background:white}header form:nth-child(2){flex:1}header input{width:min(600px,100%)}input,button{font:inherit;padding:9px;border:1px solid #dadce0;border-radius:6px;background:white}button{cursor:pointer}.user-admin{color:inherit;text-decoration:none;padding:9px 12px;border-radius:6px}.user-admin:hover{background:#f1f3f4}aside{position:fixed;width:180px;top:64px;bottom:0;padding:18px 10px}aside a{display:block;padding:12px 18px;color:inherit;text-decoration:none;border-radius:24px}.active{background:#feefc3}main{margin-left:190px;padding:22px}.new-note{max-width:600px;margin:0 auto 25px;display:flex;gap:8px}.new-note input{flex:1}.grid{columns:280px;column-gap:14px}.note{break-inside:avoid;border:1px solid #dadce0;border-radius:10px;background:white;padding:12px;margin:0 0 14px}.note-head,footer,.add-item{display:flex;gap:8px;align-items:center}.title,.item-text,.add-item input{border:0;flex:1;min-width:0}.title{font-size:18px;font-weight:500}.pin{border:0}.items label{display:flex;align-items:center;gap:8px}.check{width:18px}.done{text-decoration:line-through;color:#777}.add-item{margin-top:8px}.add-item button{font-size:12px}footer{justify-content:space-between;margin-top:10px}.login{display:grid;place-items:center;min-height:100vh}.login>form{background:white;padding:32px 34px;border:1px solid #ddd;border-radius:12px;width:min(420px,90vw)}.login h1{margin:0 0 28px}.login-field{margin-bottom:18px}.login-field label{display:block;margin-bottom:7px}.login-field input{display:block;width:100%}.login-errors,.errorlist{color:#b3261e;font-size:14px}.errorlist{margin:6px 0 0;padding-left:20px}@media(max-width:650px){aside{position:static;width:auto;display:flex;margin-top:64px}header{position:fixed;top:0;width:100%;z-index:2;padding:8px;gap:8px}header span{display:none}.user-admin{padding:8px}main{margin:0;padding:12px}.grid{columns:1}.new-note{margin-bottom:14px}}