body{color:#111;margin:0;font-family:system-ui,sans-serif}.page{max-width:560px;margin:40px auto;padding:0 16px}.page--center{text-align:center;max-width:360px;margin-top:80px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{margin:0}.header span{color:#666}.stats{background:#f5f5f5;border-radius:8px;gap:16px;margin-bottom:20px;padding:10px 16px;font-size:14px;display:flex}.new-todo{gap:8px;margin-bottom:20px;display:flex}input[type=text]{border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 12px;font-size:16px}button[type=submit]{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:6px;padding:10px 20px;font-size:16px}.attach{cursor:pointer;align-self:center;font-size:20px}.boards{padding:0;list-style:none}.boards li{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 0;display:flex}.boards a{color:#0070f3;flex:1;font-weight:500;text-decoration:none}.share{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;margin-right:12px;padding:4px 12px;font-size:13px}.author{color:#999;margin-left:8px;font-size:13px}.header a{color:inherit;text-decoration:none}.todos{padding:0;list-style:none}.todos li{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 0;display:flex}.todos input[type=checkbox]{cursor:pointer;width:20px;height:20px}.todos img{object-fit:cover;border-radius:6px;width:40px;height:40px}.todos .title{flex:1}.todos .title--done{color:#999;text-decoration:line-through}.complete{color:#0070f3;cursor:pointer;background:#f0f9ff;border:1px solid #0070f3;border-radius:4px;padding:4px 12px;font-size:13px}.remove{color:#ccc;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.muted{color:#999}
