:root{font-family:Arial,"Noto Sans Hebrew",sans-serif;color:#172b42;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:28px 24px 40px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:52px}.brand{font-size:26px;font-weight:700;color:#0a1f3b;display:flex;align-items:center;gap:12px}.eyes{background:#0a1f3b;color:#71e1e9;letter-spacing:8px;border-radius:14px;padding:1px 8px 6px 0;font-size:25px}h1{font-size:36px;letter-spacing:-1px;margin:0 0 16px}h2{font-size:22px}p{line-height:1.6;color:#667281}.eyebrow{font-size:13px;margin:0 0 5px;color:#577567}.heading{display:flex;justify-content:space-between;align-items:center}.count{background:#e3eadf;color:#355440;padding:8px 12px;border-radius:20px;font-size:14px}.connection{font-size:13px;margin:0 0 22px}form{display:flex;gap:10px}input{min-width:0;flex:1;border:1px solid #ccd3d5;border-radius:12px;padding:15px;font:inherit;background:white}button{font:inherit;cursor:pointer;border:1px solid #ccd3d5;border-radius:12px;background:transparent;color:#23394c;padding:12px 16px;touch-action:manipulation}button:hover{background:#e5eae6}button:disabled{opacity:.5;cursor:wait}.primary{background:#0a1f3b;color:white;border-color:#0a1f3b}.primary:hover{background:#163d61}.danger{color:#963e32;border-color:#dbc7bf}ul{list-style:none;padding:0;margin:24px 0}li{display:flex;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid #dce1dd}.check{appearance:none;flex:none;width:26px;height:26px;border:1.5px solid #8b9a9d;border-radius:8px;margin:0;padding:0;cursor:pointer}.check:checked{background:#4c715d;border-color:#4c715d}.check:checked:after{content:"✓";display:block;text-align:center;color:white;font-size:19px}.item-label{flex:1;overflow-wrap:anywhere;font-size:19px}.item-label small{display:block;font-size:13px;color:#667281;margin-top:4px}.done .item-label{text-decoration:line-through;color:#89958f}.remove{font-size:20px;border:0;padding:7px 12px;color:#87908c}footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#667281;margin-top:24px}#empty{text-align:center;padding:45px 12px}#empty>span{display:inline-block;font-size:35px;color:#4c715d;background:#e3eadf;border-radius:50%;width:64px;height:64px;line-height:64px}#feedback{min-height:26px;color:#963e32}#login-form{flex-direction:column;max-width:420px;gap:10px}#login-form button{margin-top:12px}label{font-size:14px}dialog{border:0;border-radius:18px;padding:28px;max-width:calc(100% - 32px);color:#172b42}dialog::backdrop{background:#0a1f3b88}dialog form{display:block}.dialog-actions{display:flex;gap:12px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}:focus-visible{outline:3px solid #50a9b2;outline-offset:3px}@media(max-width:480px){main{padding:22px 18px}header{margin-bottom:35px}h1{font-size:31px}#add-form{gap:8px}#add-form button{padding:12px}.count{font-size:12px}}